@fto-consult/expo-ui 7.17.4 → 7.17.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "7.17.4",
+  "version": "7.17.6",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",

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

@@ -291,7 +291,7 @@ export default class CommonDatagridComponent extends AppComponent {
         this.renderProgressBar = this.renderProgressBar.bind(this);
         this.sortRef.current.dir = defaultStr(this.sortRef.current.dir,this.sortRef.current.column == "date"?"desc":'asc')
         this.hasColumnsHalreadyInitialized = false;
-        this.initColumns(props.columns);
+        this.state.columns = this.initColumns(props.columns);
         if(!isNonNullString(this.sortRef.current.column) && "date" in this.state.columns){
             this.sortRef.current.column = "date";
         }
@@ -696,10 +696,10 @@ export default class CommonDatagridComponent extends AppComponent {
     }
     initColumnsCallback(){}
     initColumns (columns){
-        this.state.columns = {};
+        const newColumns = {};
         let colIndex = 0;
         if(this.canHandleSelectableColumn()){
-            this.state.columns[this.getSelectableColumName()] = {
+            newColumns[this.getSelectableColumName()] = {
                 field : this.getSelectableColumName(),
                 style : this.getSelectableColumNameStyle(),
                 width : 40,
@@ -712,7 +712,7 @@ export default class CommonDatagridComponent extends AppComponent {
         }
         if(this.canHandleIndexColumn()){
             colIndex++;
-            this.state.columns [this.getIndexColumnName()] =  { 
+            newColumns [this.getIndexColumnName()] =  { 
                 filter : false,
                 visible : true,
                 width : 50,
@@ -748,7 +748,7 @@ export default class CommonDatagridComponent extends AppComponent {
             colIndex++;
             header.visible = defaultVal(header.visible,true);
             header.colIndex = colIndex;
-            this.state.columns[header.field] = header;
+            newColumns[header.field] = header;
             /*** les pieds de pages sont les données de type decimal, où qu'on peut compter */
             if(header.footer !== false && ((arrayValueExists(['decimal','number','money'],header.type) && header.format) || header.format == 'money' || header.format =='number')){
                 footers[header.field] = Object.clone(header);
@@ -758,7 +758,7 @@ export default class CommonDatagridComponent extends AppComponent {
             }
         });
         this.rowKeysColumns = Object.keys(rowKeysColumns);
-        return footers;
+        return newColumns;
     }
     getFootersFields(init){
         this[this.footerFieldName] = init === true ? {} : defaultObj(this[this.footerFieldName]);
@@ -3676,6 +3676,19 @@ export default class CommonDatagridComponent extends AppComponent {
         return false;
     }
     UNSAFE_componentWillReceiveProps(nextProps){
+        if(false && !React.areEquals(this.props.columns,nextProps.columns)){
+            const newColumns = this.initColumns(nextProps.columns);
+            this.setIsLoading(true,()=>{
+                this.setState({columns:newColumns},()=>{
+                    this.prepareColumns();
+                    this.prepareData({...nextProps,force:true},(state)=>{
+                        console.log("setting state data",state,this.state);
+                        this.setState(state)
+                    })
+                })
+            },0);
+            return;
+        }
         const cb = ()=>{
             if(typeof nextProps.isLoading =='boolean' && nextProps.isLoading !== this.isLoading()){
                 this.setIsLoading(nextProps.isLoading);

package/src/components/Datagrid/Common/readMe.txt

@@ -9,4 +9,6 @@ Les propriétés d'états :
 - Pour faire un affichage en graphique, il faut :    
     1. grouper les éléments du tableau avec au moins une colonne
     2. disposer dans le tableau, des colonnes de totalisation (de type montant et somme)
-    3.  
+    3.  
+    
+- Pour que le rendu du graphe soit possible, il faut que parmis les colones du datagrid, au moins une soit de type nombre

package/src/components/Drawer/NavigationView.js

@@ -69,7 +69,6 @@ const DrawerNavigationViewComponent = React.forwardRef((props,ref)=>{
             </DrawerHeader> : null}
             {React.isValidElement(content)? content : 
                 <DrawerItems
-                    {...defaultObj(opts)}
                     drawerRef = {drawerRef}
                     {...defaultObj(drawerItemsProps)}
                     items = {drawerItems}

package/src/components/Drawer/index.js

@@ -369,6 +369,8 @@ const iconType = PropTypes.oneOfType([
 
 DrawerComponent.propTypes = {
   ...defaultObj(DrawerLayout.propTypes),
+  position : PropTypes.oneOf(Object.keys(DRAWER_POSITIONS)),
+  minimizable : PropTypes.bool,
   permanent : PropTypes.bool,
   minimized : PropTypes.bool,
   bindResizeEvent : PropTypes.bool,