@fto-consult/expo-ui 8.82.6 → 8.82.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.82.6",
+  "version": "8.82.8",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "react-native-paper-doc": "https://github.com/callstack/react-native-paper/tree/main/docs/docs/guides",
   "scripts": {

package/src/components/AppBar/index.js

@@ -106,7 +106,7 @@ const AppBarComponent = React.forwardRef((props,ref)=> {
       return setLayout({...Dimensions.get("window")});
     }
     const rightContent = typeof right =='function' ? right ({drawerRef,context,isMobile:Dimensions.isMobileMedia(),isDesktop:Dimensions.isDesktopMedia(),isTablet:Dimensions.isTabletMedia(),isPhone:Dimensions.isPhoneMedia(),dimensions,...dimensions}): right;
-    const splitedActions = isSplitedActions(actions)? actions:  splitActions({...appBarProps,windowWidth:layout.width,canGoBack:back || options.back?true:false,isAppBarAction:true,onBackActionPress,goBack,route,navigation,actions});
+    const splitedActions = isSplitedActions(actions)? actions:  splitActions({windowWidth:layout.width,...appBarProps,canGoBack:back || options.back?true:false,isAppBarAction:true,onBackActionPress,goBack,route,navigation,actions});
     const onPageResize = bindResizeEvent !== false ? (e)=>{
           if(!e || !e.nativeEvent || !e.nativeEvent.layout) return null;
           const {width,height} = e.nativeEvent.layout;

package/src/components/AppBar/utils.js

@@ -8,6 +8,7 @@ import Action from "$ecomponents/Form/Action";
 import Menu from "$ecomponents/Menu";
 import Icon,{ MORE_ICON } from "$ecomponents/Icon";
 import {isAllowedFromStr} from "$cauth/perms";
+import breakpoints from "$cdimensions/breakpoints";
 
 export const ACTION_ICON_SIZE = 30;
 
@@ -31,6 +32,7 @@ export const getThemeColors = ()=>{
 
 const renderAction = ({action,isAlert,actionProps,opts,isAppBarAction,isAppBarActionStyle,key,ActionComponent,isMobile}) => {
     let {Component,isFormAction,...rest} = action;
+    isFormAction = typeof isFormAction === 'boolean' ? isFormAction : isNonNullString(action.formName);
     actionProps = defaultObj(actionProps);
     rest = Object.assign({},rest);
     rest["aria-label"] = defaultStr(rest["aria-label"],rest.title,rest.text,rest.label,rest.children);
@@ -86,7 +88,7 @@ export const splitActions = (args)=>{
         onAlertRequestClose = defaultFunc(onAlertRequestClose);
     }
     opts = defaultObj(opts);
-    const isMobile = isMobileOrTabletMedia();
+    const isMobile = isMobileOrTabletMedia() || typeof opts.windowWidth =="number" && opts.windowWidth < breakpoints.all.md;
     const isAppBarAction = opts.isAppBarAction && isMobile ? true : false;
     const ActionComponent = isAppBarAction ? Icon : Button;
     let menus = []

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

@@ -139,6 +139,7 @@ export default class DrawerLayout extends React.PureComponent {
                 this.closeDrawer();
                 return false;
             }}
+            windowWidth = {this.getDrawerWidth()}
             {...appBarProps}
             backActionProps = {extendObj(true,{},appBarProps.backActionProps,{icon:this.state.portalProps?.closeIcon || !isPositionRight == 'left'? 'chevron-left' : 'chevron-right'})}
         />