@fto-consult/expo-ui 2.48.0 → 2.48.3

package/src/screens/Auth/PermLines.js

@@ -0,0 +1,417 @@
+import tables  from "$database/data/tables";
+import Checkbox from "$components/Checkbox";
+import React from "$react";
+import { StyleSheet } from "react-native";
+import {defaultVal,defaultObj,defaultBool,arrayValueExists} from "$utils";
+import Auth from "$cauth";
+import Label from "$ecomponents/Label";
+import View from "$ecomponents/View";
+import Expandable from "$ecomponents/Expandable";
+import PropTypes from "prop-types";
+import Grid,{Cell} from "$components/Grid";
+import theme from "$theme";
+import appConfig from "$capp/config";
+
+
+let allPerms = {};
+const defaultActions = {
+    create : {
+        text : 'Créer'
+    },
+    update : {
+        text : 'Modifier'
+    },
+    delete : {
+        text : 'Supprimer'
+    },
+    read : {
+        text : 'Consulter',
+    },
+}
+const expandIconProps = {
+    //size : 20,
+}
+export const PermText = (props)=>{
+    const {isMasterAdmin} = props;
+    const {user} = props;
+    const isAllowed = isMasterAdmin ? true : React.useRef(Auth.isTableDataAllowed({table:'users',user,action:'assignPerms'})).current;
+    const {text,label,checked,labelStyle,table,type,onToggle,actions,action,resource,tooltip} = props;
+    return <Checkbox
+        title = {tooltip}
+        disabled = {!isAllowed || isMasterAdmin}
+        defaultValue = {checked || isMasterAdmin?1 : 0}
+        style  = {[theme.styles.noPadding,theme.styles.noMarging,labelStyle !== false && styles.checkbox]}
+        labelStyle = {[labelStyle !== false && styles.label,labelStyle && labelStyle]}
+        label = {defaultVal(label,text)}
+        onPress = {(args)=>{
+            React.stopEventPropagation(args?.event);
+            if(onToggle){
+                onToggle({...args,checked:!!!checked,resource,actions,action,table,type})
+            }
+            return false;
+        }}
+    />
+}
+
+
+
+export const PermLine = (props)=>{
+    const [state,setState] = React.useState({
+        data : defaultObj(props.data),
+        expanded : defaultBool(props.expanded,false)
+    });
+    let {text,user,isMasterAdmin,perms,table,index,onChange,type,keyname,actions,testID,...rest} = props; 
+    testID = defaultStr(testID,"RN_AuthPermLineComponent_"+index);
+    table = defaultStr(table).toLowerCase();
+    type = defaultStr(type).toLowerCase();
+    perms =  Object.assign({},perms);
+    let resource = undefined;
+    if(arrayValueExists(['table','structdata','struct_data'],type)){
+        if(type === 'struct_data'){
+            type = 'structdata';
+        }
+        resource = type+"/"+table;
+        if(perms.defaultActions !== false || (isObj(perms[resource]) && Object.size(perms[resource],true)>0)){
+            let _acts = {};
+            if(perms.defaultActions !== false) {
+                _acts = {...defaultActions};
+            } 
+            if(perms[resource]){
+                perms[resource] = {
+                    text,
+                    actions : {..._acts,...defaultObj(perms[resource])}
+                }
+            } else {
+                perms[resource] = {
+                    text,
+                    actions : {..._acts,...defaultObj(perms[resource])}
+                }
+            }
+        } 
+    }
+    let allChecked = true;
+    let checked = isMasterAdmin;
+    const onToggleSingle = ({resource,checked,action})=>{
+        if(isMasterAdmin || !isNonNullString(action) || !isNonNullString(resource) || !isNonNullString(allPerms[resource])){
+            return;
+        }
+        const data = {...state.data};
+        const allAction = defaultStr(allPerms[resource]);
+        if(allAction == "all"){
+            if(checked){
+                data[resource] = allAction;
+            } else delete data[resource];
+        } else  {
+            data[resource] = defaultStr(data[resource]).toLowerCase();
+            let spl = data[resource].split("2");
+            if(checked){
+                if(action !== 'read' && arrayValueExists(allAction.toLowerCase().split("2"),'read') && !arrayValueExists(spl,'read')){
+                    spl.push('read');
+                }
+                if(!arrayValueExists(spl,action,true)){
+                    spl.push(action);
+                }
+            } else {
+                let s1 = [];
+                for(let i in spl){
+                    if(spl[i].toLowerCase() !== action.toLowerCase()){
+                        s1.push(spl[i]);
+                    }
+                }
+                spl = s1;
+            }
+            if(spl.length>0){
+                data[resource] = spl.join("2").ltrim("2").rtrim("2");
+            } else delete data[resource];
+        }
+        setState({...state,data});
+        if(onChange){
+            onChange({data,resource,table,type});
+        }
+    }
+    const toggleAll = (arg)=>{
+        if(!isNonNullString(type) || !isNonNullString(table) || !isNonNullString(resource)){
+            return;
+        }
+        const {checked} = arg;
+        const data = {...state.data};
+        for(let i in allPerms){
+            if(i.toLowerCase().startsWith(resource)){
+                if(!checked){
+                    delete data[i];
+                } else {
+                    data[i] = allPerms[i];
+                }
+            }
+        }
+        setState({...state,data});
+        if(onChange){
+            onChange({data,resource,table,type});
+        }
+    }
+    const content = [];
+    Object.map(perms,(perm,i)=>{
+        const pText = defaultStr(perm.text,perm.label);
+        if(!isObj(perm.actions)){
+            if(!isNonNullString(pText)) return null;
+            allPerms[i] = "all";
+            checked = isMasterAdmin? true : isNonNullString(state.data[i]);
+            if(!checked){
+                allChecked = false;
+            }
+            content.push(<PermText user={user} isMasterAdmin={isMasterAdmin} key = {i} table={table} tooltip={defaultStr(perm.tooltip,perm.title,perm.desc)} onToggle={onToggleSingle} text={pText} checked ={checked} resource={i} action ={'all'}/>);
+            return;
+        } 
+        allPerms[i] = "";
+        const splitP = defaultStr(state.data[i]).toLowerCase().split("2");
+        const pContent = []
+        Object.map(perm.actions,(p,j)=>{
+            if(!isObj(p) || !isNonNullString(p.text)) return null;
+            allPerms[i] = (isNonNullString(allPerms[i])?(allPerms[i]+"2"):"")+j;
+            checked = isMasterAdmin? true : arrayValueExists(splitP,j,true);
+            if(!checked){
+                allChecked = false;
+            }
+            pContent.push(<PermText  user={user}  labelStyle ={styles.permChildren} isMasterAdmin={isMasterAdmin}  key={j} table={table} onToggle={onToggleSingle} tooltip={defaultStr(p.tooltip,p.title,p.desc)} text = {p.text} checked ={checked} actions={perm.actions} resource={i} action ={j}/>)
+        });
+        if(pContent.length){
+            const hasS = isNonNullString(text) && isNonNullString(pText) && pText.toLowerCase() != text.toLowerCase()
+            content.push(<View key={i} testID={testID+"_Content_"+i}>
+                {hasS ? <Label testID={testID+'_Label'}>{pText}</Label> : null}
+                {pContent}
+            </View>)
+        }
+
+    });
+    return <Expandable  
+        expandIconProps = {expandIconProps}
+        expandedIcon ={'chevron-right'} 
+        unexpandedIcon = {'chevron-down'}
+         {...defaultObj(rest)} 
+        testID = {testID}
+        expandIconPosition = {"left"}
+        onPress={(e)=>{
+            setState({...state,expanded:!state.expanded})
+        }}
+        contentProps = {{style:styles.expandableContent}}
+        expanded={state.expanded} 
+        title = {
+            <PermText 
+                user={user} 
+                table={table} 
+                labelStyle = {false}
+                checked = {allChecked} 
+                type={type} resource={resource} action={allPerms[resource]} 
+                text={text} 
+                testID = {testID+"_"+table}
+                isMasterAdmin = {isMasterAdmin}
+                onToggle = {toggleAll}
+            />
+        }
+    >
+            {content}
+    </Expandable>
+}
+
+
+PermLine.propTypes = {
+    text : PropTypes.string.isRequired,
+    type : PropTypes.string.isRequired,
+}
+
+const PermLines = React.forwardRef((props,ref)=>{
+    const isMasterAdmin = defaultBool(props.isMasterAdmin,false);
+    const {user} = props;
+    const dataRef = React.useRef(defaultObj(props.perms,defaultObj(props.data).perms));
+    let {testID} = props;
+    const data = dataRef.current;
+    const  onChange = (arg)=>{
+        if(isMasterAdmin) return;
+        let {data,resource} = arg;
+        if(!isNonNullString(resource)) return;
+        const sData = dataRef.current;
+        data = defaultObj(data);
+        for(let i in allPerms){
+            if(i.toLowerCase().startsWith(resource)){
+                if(isUndefined(data[i])){
+                    delete sData[i];
+                } else {
+                    sData[i] = data[i]
+                }
+            }
+        }
+        dataRef.current = sData;
+        if(props.onChange){
+            props.onChange({...arg,data:sData});
+        }
+    }
+    
+    testID = defaultStr(testID,"RN_PermsLines");
+    const eProps = {style:[theme.styles.w100],containerProps:{style:[theme.styles.w100]}};
+    const context = React.useRef({}).current;
+    context.getData = x=> data;
+    React.setRef(ref,context);
+    React.useEffect(()=>{
+        return ()=>{
+            allPerms = {};
+            React.setRef(ref,null);
+        }
+    },[]);
+    
+    return <Grid testID={testID}>
+        <Cell tabletSize={10} desktopSize={6} phoneSize={12}>
+            <Expandable expandIconProps = {expandIconProps} titleProps = {{style:styles.expandable}} title={"Table des données"} {...eProps}>
+                <React.Fragment>
+                {
+                    Object.mapToArray(tables,(table,tableName)=>{
+                    if(!isObj(table) || !isObj(table.perms)) return null;
+                    tableName = tableName.toLowerCase().trim();
+                    let text = defaultStr(table.text,table.label)
+                    let key = ("table/"+tableName);
+                    const perms = {};
+                    Object.map(table.perms,(perm,i)=>{
+                        const iLower = i.toLowerCase();
+                        if(iLower == 'defaultactions' || iLower =='defaultaction'){
+                            perms.defaultActions = perm;
+                        }
+                        if(!isObj(perm)) return ;
+                        if(perm.defaultActions){
+                            perm.actions = {
+                                ...defaultActions,
+                                ...defaultObj(perm.actions)
+                            }
+                        }
+                        i = i.toLowerCase();
+                        let k = key.toLowerCase();
+                        i = (k+"/"+i.ltrim(k)).rtrim("/").replaceAll("//","/");
+                        perms[i] = perm;
+                    });
+                    return <PermLine 
+                        isMasterAdmin = {isMasterAdmin}
+                        table = {tableName}
+                        type = {"table"}
+                        perms  = {perms}
+                        data = {data}
+                        onChange = {onChange}
+                        text = {text}
+                        resource = {key}
+                        key = {key}
+                        index = {key}
+                        user = {user}
+                    />
+                })
+            }
+            </React.Fragment>
+            <React.Fragment>
+                {
+                    Object.mapToArray(PERMS,(table,tableName)=>{
+                        if(!isObj(table) || !isObj(table.perms)) return null;
+                        tableName = tableName.toLowerCase().trim();
+                        let text = defaultStr(table.text,table.label)
+                        let key = ("table/"+tableName);
+                        let perms = {};
+                        perms[key] = {actions:{},text}
+                        Object.map(table.perms,(perm,i)=>{
+                            if(!isObj(perm)) return ;
+                            if(perms.defaultActions){
+                                perms[key].actions = {
+                                    ...defaultActions,
+                                    ...perms[key].actions
+                                }
+                            } else {
+                                perms[key].actions[i] = perm;
+                            }
+                        })
+                        return <PermLine 
+                            isMasterAdmin = {isMasterAdmin}
+                            table = {tableName}
+                            type = {"extra"}
+                            perms  = {perms}
+                            data = {data}
+                            onChange = {onChange}
+                            text = {text}
+                            resource = {key}
+                            key = {key}
+                            index = {key}
+                            user = {user}
+                        />
+                    })
+                }
+            </React.Fragment>
+            </Expandable>
+        </Cell>
+        <Cell tabletSize={8} desktopSize={6} phoneSize={12}  >
+            <Expandable expandIconProps = {expandIconProps} titleProps = {{style:styles.expandable}} title="Données de structure" {...eProps}>
+                {
+                    Object.mapToArray(structData,(table,tableName)=>{
+                        if(!isObj(table)) return null;
+                        tableName = tableName.toLowerCase().trim();
+                        let text = defaultStr(table.text,table.label)
+                        let key = "structdata/"+tableName
+                        let perms = {};
+                        Object.map(table.perms,(perm,i)=>{
+                            /**** l'on peut décider d'ajouter les actions par défaut à une permission
+                             *  dans ce cas, il suffit dans la table des permissions, de préciser la valeur défault action
+                             */
+                            if(arrayValueExists(['defaultactions','defaultaction'],i.toLowerCase())){
+                                perms.defaultActions = perm;
+                            }
+                            if(!isObj(perm)) return ;
+                            if(perm.defaultActions){
+                                perm.actions = {
+                                    ...defaultActions,
+                                    ...defaultObj(perm.actions)
+                                }
+                            }
+                            i = i.toLowerCase();
+                            let k = key.toLowerCase();
+                            i = (k+"/"+i.ltrim(k)).rtrim("/").replaceAll("//","/");
+                            perms[i] = perm;
+                        })
+                        return <PermLine 
+                            isMasterAdmin = {isMasterAdmin}       
+                            table = {tableName}
+                            type = {"structdata"}
+                            perms  = {perms}
+                            data = {data}
+                            onChange = {onChange}
+                            text = {text}
+                            resource = {key}
+                            key = {key}
+                            index = {key}
+                            user = {user}
+                        />
+                    })
+                }
+            </Expandable>
+        </Cell>
+    </Grid>
+});
+
+PermLines.displayName = "PermsLines";
+
+PermLines.propTypes = {
+    data : PropTypes.object,
+    perms : PropTypes.object
+}
+
+export default PermLines;
+
+const styles = StyleSheet.create({
+    expandableContent : {
+        paddingLeft : 30,
+    },
+    expandable : {
+        paddingLeft : 10,
+    },
+    label : {fontSize:14},
+    permChildren : {
+        paddingLeft : 20,
+    },
+    checkbox : {
+        //width : 20,
+        //height : 20,
+        margin : 0,
+        padding: 0,
+    }
+});

package/src/screens/Auth/PermProfile.js

@@ -0,0 +1,182 @@
+import showConfirm from "$components/Dialog/confirm";
+import notify from "$components/Dialog/notify";
+import {defaultArray,arrayValueExists,defaultStr,uniqid} from "$utils";
+import userDbName from "$database/data/tables/users/dbName";
+import Auth from "$auth";
+import getData from "$database/getData";
+import getDB from "$database/getDB";
+import {FormData,getForm,getFormData} from "$components/Form";
+import Icon from "$components/Icon";
+import React from "$react";
+import Label from "$components/Label";
+import {open as showPreloader,close as hidePreloader} from "$preloader";
+import Expandable from "$components/Expandable";
+import theme from "$theme";
+import View from "$components/View";
+import Link from "$components/Link";
+import Button from "$components/Button";
+
+const tableName = Auth.permProfilesTableName.toUpperCase();
+
+const PermProfile = React.forwardRef((props,ref)=>{
+    const formName = React.useRef(defaultStr(props.formName,uniqid("perm-profile-name"))).current;
+    const user = defaultObj(props.user);
+    const permDataRef = React.useRef({});
+    const dialogProviderRef = React.useRef(null);
+    const {isMasterAdmin,text,label,editProfileRouteName} = props;
+    const [state,setState] = React.useState({
+        profiles : {},
+        selected : defaultArray(user.permProfiles),
+        loading : true,
+        canAssignPerms : Auth.isTableDataAllowed({table:'users',action:'assignPerms'}),
+        canViewPerms : Auth.isTableDataAllowed({table:'users',action:'readPerms'})
+    });
+    const {canAssignPerms,canViewPerms,selected} = state;
+    const  reload = ()=>{
+        getData(userDbName+"["+tableName+"]").then((profiles)=>{
+            setState({...state,profiles,loading:false})
+        }).catch((e)=>{
+            setState({...state,loading:false})
+        })
+    }
+    const assignProfile = (profile,select)=>{
+        if(isMasterAdmin) return null;
+        const {selected} = state;
+        profile = defaultObj(profile);
+        const sel = [];
+        const allP = {};
+        if(selected.length <= 0){
+            if(select){
+                sel.push(profile.code);
+            }
+        } else {
+            for(let i in selected){
+                const val = selected[i];
+                if(selected[i] == profile.code){
+                    if(select && !allP[profile.code]){
+                        sel.push(profile.code);
+                        allP[profile.code] = true;
+                    }
+                } else if(!allP[val]) {
+                    sel.push(val);
+                    allP[val] = true;
+                }
+            }
+            if(select && !allP[profile.code]){
+                sel.push(profile.code);
+            }
+        }
+        setState({...state,selected:sel});
+        if(props.onChange){
+            props.onChange({context:{},...state,selected:sel});
+        }
+    }
+    const onChange = ({data})=>{
+        permDataRef.current = data;
+    }
+    const onSaveProfile = ({data,goBack})=>{
+        const d = {...data,table:tableName,perms:permDataRef.current};
+        if(!isNonNullString(d._id)) return;
+        showPreloader()
+        getDB(userDbName).then(({db})=>{
+            db.upsert(d._id,()=>{
+                return d;
+            }).then((up)=>{
+                let d = up.newDoc;
+                notify.success("Le profil ["+d.code+"] a été inséré/modifié avec succès");
+                reload();
+                if(goBack){
+                    goBack(true);
+                }
+                hidePreloader();
+            }).catch((e)=>{
+                console.log(e," upserting profile group");
+                hidePreloader();
+            });
+        })
+    }
+    const removeProfile = (profile)=>{
+        if(!isObj(profile) || !isNonNullString(profile.code) || !isNonNullString(profile._id)){
+            return;
+        }
+        showConfirm({
+            title:'Suppr profil['+profile.code+"]",
+            msg : 'Voulez vous vraiment supprimer le profil <<'+profile.code+">>",
+            onSuccess : ()=>{
+                getDB(userDbName).then(({db})=>{
+                    showPreloader('Suppression du profil '+defaultStr(profile.code)+"...");
+                    db.get(profile._id).then((doc)=>{
+                        db.remove(doc).then((e)=>{
+                            hidePreloader();
+                            notify.success("Le profil ["+profile.code+"] a été supprimé avec succès");
+                            reload();
+                        });
+                    }).catch((e)=>{
+                        console.log(e,' is removing doc profile')
+                        hidePreloader();
+                    })
+                })
+            }
+        })
+    }
+    React.useEffect(()=>{
+        if(!canAssignPerms && !canViewPerms) return;
+        reload();
+        return ()=>{
+
+        }
+    },[])
+    if(!canAssignPerms && !canViewPerms) return null;
+    const profiles = [];
+    Object.map(state.profiles,(profile,index)=>{
+        if(!isObj(profile) || !isNonNullString(profile.code)){
+            return null;
+        }
+        const isAssigned = isMasterAdmin? true : arrayValueExists(selected,profile.code);
+        profiles.push(<View key={index} style={[theme.styles.row,{justifyContent:'space-between'}]}>  
+            <Label>{profile.code}</Label>
+            <View style={[theme.styles.row]}>
+                <Icon primary title={isAssigned?'Profil de permission ['+profile.code+'] assigné à l\'utilisateur':'Profil de permission ['+profile.code+'] non assigné à l\'utilisateur '+defaultStr(user.code)} name={isAssigned?'checkbox-marked':'checkbox-blank-outline'} 
+                    onPress={()=>{
+                        assignProfile(profile,isAssigned?false:true)
+                    }}
+                />
+                {canAssignPerms ? <Link Component = {Icon}
+                    title={"Modifier le profil ["+profile.code+"]"} 
+                    name={"file-document-edit"} 
+                    success
+                    routeParams = {{data:profile,formName,onChange,onSave:onSaveProfile}}
+                    routeName = {editProfileRouteName}
+                />:null}
+                {canAssignPerms ? <Icon 
+                    title={"Supprimer le profil ["+profile.code+"]"} 
+                    name={"delete"} 
+                    error
+                    onPress={(e)=>{
+                        React.stopEventPropagation(e); 
+                        removeProfile(profile);
+                    }}
+                /> : null}
+            </View>
+        </View>)
+    })
+    return <Expandable title={defaultStr(label,text)+" ("+profiles.length.formatNumber()+")"} style={[theme.styles.p1]}>
+            <Link 
+                primary
+                Component = {Button}
+                routeName = {editProfileRouteName}
+                routeParams = {{formName,onChange,onSave:onSaveProfile}}
+                icon={"text-box-plus-outline"}
+                mode = "contained"
+            >
+                    Ajouter un profil                        
+            </Link>
+            <View style={[theme.styles.w100]}>
+                {profiles}
+            </View>
+    </Expandable>
+});
+
+PermProfile.tableName = PermProfile.table = tableName;
+PermProfile.dbName = userDbName;
+export default PermProfile;

package/src/screens/Auth/PermProfiles.js

@@ -0,0 +1,38 @@
+import FormDataScreen from "$elayouts/Screen/FormData";
+import {defaultStr,defaultObj} from "$utils";
+import PermLines from "./PermLines";
+import PropTypes from "prop-types";
+import Label from "$components/Label";
+import theme from "$theme";
+
+export const screenName = "PermProfileScreens";
+
+export default function PermProfilesScreen({onChange,fields,data,profile,perms,user,...props}){
+    return <FormDataScreen
+        {...props}
+        modal
+        withScrollView
+        header = {<Label primary upperCase textBold style={[theme.styles.p1]}>Permissions liées au profil</Label>}
+        fields = {isObj(fields) && Object.size(fields,true) && fields || { code : {
+            text : 'Nom du profil',
+            type : 'id',
+            maxLength:30,
+            primaryKey : true,
+        }}}
+        data = {defaultObj(profile,profile)}
+        testID = {"RN_PermProfile_FormData"}
+        title = {defaultStr(props.title,"Groupe de profil")}
+        children = {<PermLines user={user} perms = {perms} isMasterAdmin={false} 
+        onChange={onChange}/>}
+    />
+}
+
+PermProfilesScreen.screenName = screenName;
+
+PermProfilesScreen.Modal = true;
+
+PermProfilesScreen.propTypes = {
+    user : PropTypes.object,//l'objet user
+    perms : PropTypes.object,//les permissions associées à l'utilisateur user
+    profile : PropTypes.object,//les informations sur le profil en cour de modification
+}

package/src/screens/Auth/Profile.js

@@ -16,7 +16,7 @@ export default function UserProfileScreen(props){
     const themeRef = React.useRef(defaultObj(user.theme));
     const hasChangeRef = React.useRef(false);
     const authProfileFields = typeof SignIn2SignOut.authProfileFields =='function'?SignIn2SignOut.authProfileFields(props) : SignIn2SignOut.authProfileFields;
-    const fields = isObj(authProfileFields)? authProfileFields : {};
+    const fields = isObj(authProfileFields)? Object.clone(authProfileFields) : {};
     const formFields = {
         avatar : {
             ...avatarProps,

package/src/screens/Auth/index.js

@@ -4,5 +4,12 @@
 
 import AuthSignInScreen from "./SignIn";
 import UserProfileScreen from "./Profile";
+//import PermProfiles from "./PermProfiles";
+export default [AuthSignInScreen,UserProfileScreen,
+    //PermProfiles
+];
 
-export default [AuthSignInScreen,UserProfileScreen];
+//export {PermProfiles};
+
+//export {default as PermLines} from "./PermLines";
+//export {default as PermProfile} from "./PermProfile";