@fto-consult/expo-ui 6.2.0 → 6.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {

package/src/App.js

@@ -18,6 +18,7 @@ import { Dimensions,Keyboard } from 'react-native';
 import {isTouchDevice} from "$platform";
 import * as Utils from "$cutils";
 import useContext from "$econtext";
+import appConfig from "$capp/config";
 
 Object.map(Utils,(v,i)=>{
   if(typeof v =='function' && typeof window !='undefined' && window && !window[i]){
@@ -26,7 +27,7 @@ Object.map(Utils,(v,i)=>{
 });
 
 export default function getIndex({onMount,onUnmount,onRender}){
-    const {swrConfig,appConfig} = useContext();
+    const {swrConfig} = useContext();
     const isScreenFocusedRef = React.useRef(true);
     ///garde pour chaque écran sa date de dernière activité
     const screensRef = React.useRef({});//la liste des écrans actifs

package/src/components/Form/Fields/SelectTableData/Component.js

@@ -11,7 +11,7 @@ import {getFetchOptions,prepareFilters} from "$cutils/filters";
 import fetch from "$capi"
 import {willConvertFiltersToSQL} from "$ecomponents/Datagrid/utils";
 import React from "$react";
-import appConfig from "$appConfig";
+import useApp from "$econtext";
 
 /*** la tabledataSelectField permet de faire des requêtes distantes pour rechercher les données
  *  Elle doit prendre en paramètre et de manière requis : les props suivante : 
@@ -19,8 +19,9 @@ import appConfig from "$appConfig";
  *  foreignKeyTable : la tableData dans laquelle effectuer les donées de la requêtes
  *  foreignKeyLabel : Le libélé dans la table étrangère
  */
-const TableDataSelectField = React.forwardRef(({foreignKeyColumn,prepareFilters:cPrepareFilters,bindUpsert2RemoveEvents,onAdd,showAdd:customShowAdd,canShowAdd,foreignKeyTable,fetchItemsPath,foreignKeyLabel,foreignKeyLabelIndex,dropdownActions,fields,fetchItems:customFetchItem,convertFiltersToSQL,mutateFetchedItems,getForeignKeyTable,onFetchItems,isFilter,isUpdate,isDocEditing,items,onAddProps,fetchOptions,...props},ref)=>{
+const TableDataSelectField = React.forwardRef(({foreignKeyColumn,prepareFilters:cPrepareFilters,bindUpsert2RemoveEvents,onAdd,showAdd:customShowAdd,canShowAdd,foreignKeyTable,fetchItemsPath,foreignKeyLabel,foreignKeyLabelIndex,dropdownActions,fields,fetchItems:customFetchItem,convertFiltersToSQL,mutateFetchedItems,onFetchItems,isFilter,isUpdate,isDocEditing,items,onAddProps,fetchOptions,...props},ref)=>{
     props.data = defaultObj(props.data);
+    const {getTableData:getForeignKeyTable} = useApp();
     if(!foreignKeyColumn && isNonNullString(props.field)){
         foreignKeyColumn = props.field;
     }
@@ -32,11 +33,13 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,prepareFilters:
         foreignKeyLabel = foreignKeyLabel.ltrim("[").rtrim("]").split(",");
     }
     convertFiltersToSQL = defaultVal(convertFiltersToSQL,willConvertFiltersToSQL());
-    getForeignKeyTable = getForeignKeyTable || appConfig.getTableData;
-    const foreignKeyTableStr = defaultStr(foreignKeyTable,props.table,props.tableName);
-    let fKeyTable = typeof getForeignKeyTable =='function' ? getForeignKeyTable(foreignKeyTableStr,props) : undefined;
+    const foreignKeyTableStr = defaultStr(foreignKeyTable,props.tableName,props.table);
+    if(typeof getForeignKeyTable !=='function'){
+        console.error("la fonction getTableData non définie des les paramètres d'initialisation de l'application!!! Rassurez vous d'avoir définier cette fonction!!, options : foreignKeyTable:",foreignKeyTable,"foreignKeyColumn:",foreignKeyColumn,props)
+        return null;
+    }
+    let fKeyTable = getForeignKeyTable(foreignKeyTableStr,props);
     fetchItemsPath = defaultStr(fetchItemsPath).trim();
-    
     if(!fetchItemsPath && (!isObj(fKeyTable) || !(defaultStr(fKeyTable.tableName,fKeyTable.table)))){
         console.error("type de données invalide pour la foreignKeyTable ",foreignKeyTable," label : ",foreignKeyLabel,fKeyTable," composant SelectTableData",foreignKeyColumn,foreignKeyTable,props);
         return null;
@@ -306,7 +309,6 @@ TableDataSelectField.propTypes = {
     canShowAdd : PropTypes.func, //({foreignKeyTable,foreignKeyColumn})=><boolean> la fonction permettant de spécifier si l'on peut afficher le bouton showAdd
     mutateFetchedItems : PropTypes.func, //la fonction permettant d'effectuer une mutation sur l'ensemble des donnéees récupérées à distance
     fetchItems : PropTypes.func,//la fonction de rappel à utiliser pour faire une requête fetch permettant de selectionner les données à distance
-    getForeignKeyTable : PropTypes.func, //la fonction permettant de récupérer la fKeyTable data dont fait référence le champ
     foreignKeyTable : PropTypes.string, //le nom de la fKeyTable data à laquelle se reporte le champ
     fetchItemsPath : PropTypes.string, //le chemin d'api pour récupérer les items des données étrangères en utilisant la fonction fetch
     beforeFetchItems : PropTypes.func, //appelée immédiatement avant l'exécution de la requête fetch

package/src/context/index.js

@@ -3,6 +3,7 @@ import appConfig from "$capp/config";
 import {MD3LightTheme,MD3DarkTheme} from "react-native-paper";
 import { useMaterial3Theme } from '@pchmn/expo-material3-theme';
 import {colorsAlias,Colors} from "$theme";
+import {isObj} from "$cutils";
 
 const ExpoUIContext = React.createContext(null);
 
@@ -15,11 +16,25 @@ export const useExpoUI = ()=> React.useContext(ExpoUIContext);
     FontsIconsFilter : (font{object},fontName{string},fontNameLower{string})=><boolean> //porte le nom de la props de appConfig dans lequel définir les filtres à utiliser pour charger l'iconSet désirée pour l'appication
     ///fonction de rappel appelée avant d'exit l'application, doit retourner une promesse que lorsque résolue, exit l'application
     beforeExit : ()=><Promise>     
-    
+    getTableData : ()=>{object|array}
+    getStructData : ()=>{object|array}
+    tablesData : {object}, la liste des tables de données
+    strucsData : {object}, la liste des données de structures
 */
-export const Provider = ({children,...props})=>{
-    const {extendAppTheme} = appConfig;
+export const Provider = ({children,getTableData,getStructData,tablesData,structsData,...props})=>{
+    const {extendAppTheme,structsData,getTableData} = appConfig;
     const { theme : pTheme } = useMaterial3Theme();
+    structsData = isObj(structsData)? structsData : null;
+    tablesData = isObj(tablesData) ? tablesData : null;
+    if(!isObj(appConfig.tablesData)){
+      appConfig.tablesData = tablesData;
+    }
+    if(!isObj(appConfig.structsData)){
+       appConfig.structsData = structsData;
+    }
+    
+    appConfig.getTableData = getTableData = typeof getTableData =='function'? getTableData : undefined;
+    appConfig.getStructData = getStructData =  typeof getStructData =='function' ? getStructData : undefined;
     //const colorScheme = useColorScheme();
     appConfig.extendAppTheme = (theme)=>{
         if(!isObj(theme)) return;
@@ -49,9 +64,11 @@ export const Provider = ({children,...props})=>{
         theme.fonts = newTheme.fonts;
         return typeof extendAppTheme == 'function'? extendAppTheme(theme)  : theme;
     }
-    return <ExpoUIContext.Provider value={{...props,appConfig}} children={children}/>;
+    return <ExpoUIContext.Provider value={{...props,getTableData,getStructData,tablesData,structsData,appConfig}} children={children}/>;
 }
 
 export default useExpoUI;
 
-export const useContext = useExpoUI;
+export const useContext = useExpoUI;
+
+export const useApp = useContext;