@fto-consult/expo-ui 6.25.2 → 6.26.0

package/src/components/List/Virtuoso/index.js

@@ -13,6 +13,7 @@ import Dimensions from "$cdimensions";
 import { StyleSheet } from "react-native";
 import {isMobileNative} from "$cplatform";
 import {addClassName,removeClassName} from "$cutils/dom";
+import { useGetNumColumns } from "../hooks";
 
 const propTypes = {
     ...defaultObj(Virtuoso.propTypes),
@@ -32,10 +33,11 @@ const propTypes = {
     isScrolling : PropTypes.func,
 };
 /***@see : https://virtuoso.dev/virtuoso-api-reference/ */
-const VirtuosoListComponent = React.forwardRef(({onRender,id,fixedHeaderContent,rowProps,renderTable,listClassName,components,itemProps,windowWidth,numColumns,responsive,testID,renderItem,onEndReached,onLayout,onContentSizeChange,onScroll,isScrolling,estimatedItemSize,onEndReachedThreshold,containerProps,style,autoSizedStyle,...props},ref)=>{
+const VirtuosoListComponent = React.forwardRef(({onRender,id,fixedHeaderContent,numColumns:cNumCol,rowProps,renderTable,listClassName,components,itemProps,windowWidth,responsive,testID,renderItem,onEndReached,onLayout,onContentSizeChange,onScroll,isScrolling,estimatedItemSize,onEndReachedThreshold,containerProps,style,autoSizedStyle,...props},ref)=>{
     if(renderTable){
         responsive = false;
     }
+    const {numColumns} = useGetNumColumns({responsive,numColumns:cNumCol,windowWidth})
     const Component = React.useMemo(()=>renderTable ? TableVirtuoso : responsive?VirtuosoGrid:Virtuoso,[responsive,renderTable]);
     const context = useList(props);
     itemProps = defaultObj(itemProps);
@@ -162,7 +164,7 @@ const VirtuosoListComponent = React.forwardRef(({onRender,id,fixedHeaderContent,
             useWindowScroll = {false}
             totalCount = {items.length}
             itemContent = {(index)=>{
-                return renderItem({index,item:items[index],items})
+                return renderItem({index,numColumns,item:items[index],items})
             }}
             atBottomStateChange = {()=>{
                 if(typeof onEndReached =='function'){

package/src/components/List/hooks.js

@@ -1,7 +1,8 @@
 import React from "$react";
 import { prepareItems as customPrepareItems} from "./utils";
-import {defaultFunc} from "$cutils";
-
+import {defaultFunc,defaultBool,defaultDecimal} from "$cutils";
+import Dimensions,{isMobileMedia,useWindowDimensions} from "$cdimensions";
+import {grid} from "$theme";
 /**** retourne le contexte associé au composant List
     
 */
@@ -10,17 +11,26 @@ export const useList = ({items,filter,prepareItems,...props})=>{
     const context = contextRef.current;
     context.itemsRefs = Array.isArray(context.itemsRefs) && context.itemsRefs || [];
     context.prepareItems = defaultFunc((prepareItems === false ? (items)=> items:null),prepareItems,customPrepareItems);
-    contextRef.prevItems = React.usePrevious(items);
-    const getItems = React.useCallback(()=>{
-        if(items === context.prevItems && context.items) {
-            return context.items;
+    const canPrepareItems = prepareItems === false ? false : true;
+    context.items = contextRef.items = React.useMemo(()=>{
+        const r = context.prepareItems(items,filter);
+        if(!Array.isArray(r)){
+            console.error(r," is not valid list data array",items,props);
+            return [];
         }
-        return context.prepareItems(items,filter);
-    },[items]);
-    context.items = contextRef.items = prepareItems === false ? items : getItems();
-    if(!Array.isArray(context.items)){
-        console.error(context.items," is not valid list data array",items,props);
-        context.items = [];
-    }
+        return r;
+    },[items,canPrepareItems]);
     return context;
+}
+
+export const useGetNumColumns = ({windowWidth,numColumns,responsive})=>{
+    responsive = defaultBool(responsive,false);
+    const dimensions = responsive ? useWindowDimensions() : Dimensions.get("window");
+    if(responsive){
+        numColumns = grid.numColumns(windowWidth);
+    } else {
+        numColumns = defaultDecimal(numColumns,1);
+    }
+    const itemWindowWidth = dimensions.width/numColumns;
+    return {numColumns,itemWindowWidth,responsive};
 }

package/src/components/Table/Header/CellHeader.js

@@ -9,7 +9,6 @@ import styles from "../styles";
 export default function TableCellMainHeaderComponent({columnField,columnDef,style,colArgs,...props}){
     const {sortedColumn,renderHeaderCell,colsWidths} = useTable();
     const width = colsWidths[columnField];
-    const isSelectableColumnName = columnDef.isSelectableColumnName;
     const children = React.useMemo(()=>{
         const content = typeof renderHeaderCell =='function'? renderHeaderCell(colArgs) : defaultVal(columnDef.text,columnDef.label,columnField);
         if(!React.isValidElement(content,true)){

package/src/components/Table/Row/Cell/Content.js

@@ -6,8 +6,8 @@ import {classNames} from "$cutils";
 import { StyleSheet } from "react-native";
 import Label from "$ecomponents/Label";
 
-function TableCellContentComponent({children,style,...rest}){
-    return (<td  {...rest} className={classNames(rest.className,"table-row-cell")} style={StyleSheet.flatten([style])}>
+function TableCellContentComponent({children,columnDef,testID,columnField,style,...rest}){
+    return (<td  data-test-id={testID||"RN_TableCellComoponent"} className={classNames(rest.className,"table-row-cell")} style={StyleSheet.flatten([style])}>
         {children}
     </td>);
 }

package/src/components/Table/Row/RowWrapper.native.js

@@ -7,7 +7,7 @@ import { getRowStyle } from "$ecomponents/Datagrid/utils";
 
 const TableRowWrapperComponent = forwardRef(({children,colSpan,...props},ref)=>{
     const {bordered,withDatagridContext} = useTable();
-    const selected = withDatagridContext ? useIsRowSelected(props) : false;
+    const selected = withDatagridContext ? useIsRowSelected(props.rowData || props.rowKey, props.rowIndex) : false;
     const rowStyle = useMemo(()=>{
         return getRowStyle({...props,bordered});
     },[selected])

package/src/components/Table/index.js

@@ -51,7 +51,7 @@ const getOnScrollCb = (refs,pos,cb2)=>{
     return isMobileNative()? cb : debounce(cb,200);
 }
 
-const TableComponent = React.forwardRef(({containerProps,listContainerStyle,onRender,height,progressBar,renderListContent,children,renderEmpty,renderItem,isRowSelected,headerScrollViewProps,footerScrollViewProps,scrollViewProps,renderFooterCell,footerCellContainerProps,filterCellContainerProps,headerCellContainerProps,headerProps,rowProps:customRowProps,cellContainerProps,hasFooters,renderHeaderCell,renderFilterCell,columnProps,getRowKey,columnsWidths,colsWidths,columns,...props},tableRef)=>{
+const TableComponent = React.forwardRef(({containerProps,listContainerStyle,onRender,height,progressBar,renderListContent,children,renderEmpty,renderItem,headerScrollViewProps,footerScrollViewProps,scrollViewProps,renderFooterCell,footerCellContainerProps,filterCellContainerProps,headerCellContainerProps,headerProps,rowProps:customRowProps,cellContainerProps,hasFooters,renderHeaderCell,renderFilterCell,columnProps,getRowKey,columnsWidths,colsWidths,columns,...props},tableRef)=>{
     containerProps = defaultObj(containerProps);
     cellContainerProps = defaultObj(cellContainerProps);
     scrollViewProps = defaultObj(scrollViewProps);
@@ -252,8 +252,8 @@ const TableComponent = React.forwardRef(({containerProps,listContainerStyle,onRe
                                 const index = props['data-index'];
                                 const item = getRowByIndex(index) || props?.item || null;
                                 if(!item) return null;
-                                const args = {rowData:item,rowIndex:index,bordered,isTable:true};
-                                args.isSelected = withDatagridContext ? isRowSelected(args) : false;
+                                const args = {rowData:item,rowIndex:index,index,bordered,isTable:true};
+                                args.selected = withDatagridContext ? useIsRowSelected(item,index) : false;
                                 return <TableRowComponent {...props} style={[getRowStyle(args),props.style]}/>
                             },
                             Table: VirtuosoTableComponent,

package/src/print/createPDF/index.js

@@ -0,0 +1,20 @@
+const pdfMake = require('pdfmake/build/pdfmake.js');
+const pdfFonts = require('pdfmake/build/vfs_fonts.js');
+pdfMake.vfs = pdfFonts.pdfMake.vfs;
+
+const fonts = {
+	Roboto: {
+		normal: 'Roboto-Regular.ttf',
+		bold: 'Roboto-Medium.ttf',
+		italics: 'Roboto-Italic.ttf',
+		bolditalics: 'Roboto-MediumItalic.ttf'
+    },
+};
+pdfMake.fonts = fonts;
+function createPDF(args){
+    return pdfMake.createPdf(args);
+};
+
+export {fonts};
+export default createPDF;
+export {createPDF};

package/src/print/formatText.js

@@ -0,0 +1,84 @@
+function isAplhanumeric(char) {
+    const x = `${char || ""}`.charCodeAt(0);
+    if (!char || Number.isNaN(x)) {
+        return false;
+    }
+    return !!((x >= 65 && x <= 90)
+        || (x >= 97 && x <= 122)
+        || (x >= 48 && x <= 57));
+}
+function getIndexes(text, wildcard) {
+    const indices = [];
+    for (let i = 0; i < text.length; i += 1) {
+        if (text[i] === wildcard) {
+            if (indices.length % 2) {
+                if (text[i - 1] === " "
+                    || isAplhanumeric(text[i + 1])) {
+                    break;
+                }
+                else {
+                    indices.push(i);
+                }
+            }
+            else if (typeof (text[i + 1]) === "undefined"
+                || text[i + 1] === " "
+                || isAplhanumeric(text[i - 1])) {
+                break;
+            }
+            else {
+                indices.push(i);
+            }
+        }
+        else if (text[i].charCodeAt(0) === 10 && indices.length % 2) {
+            indices.pop();
+        }
+    }
+    if (indices.length % 2) {
+        // we have unclosed tags
+        indices.pop();
+    }
+    return indices;
+}
+function injectTags(text, indices, rule) {
+    let e = 0;
+    indices.forEach((value, index) => {
+        const tag = (index % 2)
+            ? rule.closeTag
+            : rule.openTag;
+        let v = value;
+        v += e;
+        text = text.substr(0, v) + tag + text.substr(v + 1);
+        e += (tag.length - 1);
+    });
+    return text;
+}
+function execRule(text, rule) {
+    const indices = getIndexes(text, rule.wildcard);
+    return injectTags(text, indices, rule);
+}
+function parseText(text, rules) {
+    const final = rules.reduce((transformed, rule) => {
+        return execRule(transformed, rule);
+    }, text);
+    return final.replace(/\n/gi, "<br>");
+}
+export const whatsappRules = [
+    {
+        closeTag: "</strong>",
+        openTag: "<strong>",
+        wildcard: "*",
+    },
+    {
+        closeTag: "</i>",
+        openTag: "<i>",
+        wildcard: "_",
+    },
+    {
+        closeTag: "</s>",
+        openTag: "<s>",
+        wildcard: "~",
+    },
+];
+export default function format(text, rules) {
+    return parseText(text, rules || whatsappRules);
+}

package/src/print/index.js

@@ -0,0 +1,13 @@
+
+import $session from "$session";
+import {isDOMElement} from "$cutils/dom";
+let formatField = require("../exporter/formatField");
+let {outlineText} = require("./svg");
+let printingPageFormats = {};
+
+/*** vérifie si le contenu désiré pour l'impression est valide */
+
+import createPDF from ("./createPDF");
+import notify from "$cnotify";
+
+module.exports = printTB;

package/src/print/pdf/formats/defaultFormats.js

@@ -0,0 +1,28 @@
+function populateFormats (){
+    let i = 4;
+    const formats = {};
+    while(i>=0){
+        let format = "A"+i;
+        let size = {};
+        formats[format] = {
+            code : format,
+            label : format,
+            pageFormat : format,
+            pageWidth : 0,
+            pageHeight : 0,
+            displayLogo : 1,
+            displaySocialReason : 1,
+            displayIdentifier : 1,
+            displayThirdPartiesIdentifier : 1,
+            pageOrientation : 'portrait',
+            topMargin : 15,
+            leftMargin : 15,
+            rightMargin : 15,
+            bottomMargin : 0,
+            ...size
+        }
+        i-=1;
+    }
+    return formats;
+}
+export default populateFormats();

package/src/print/pdf/formats/defaultPageFormat.js

@@ -0,0 +1 @@
+export default "A4";

package/src/print/pdf/formats/defaultPageOrientation.js

@@ -0,0 +1 @@
+export default 'portrait';

package/src/print/pdf/formats/fields.js

@@ -0,0 +1,139 @@
+import formats from "./formats";
+import {isObj,isNonNullString} from "$cutils";
+
+export default {
+    code : {
+        label : 'Code du format',
+        primaryKey : true,
+        readOnlyOnEditing : true,
+        validType : 'required',
+        maxLength : 20
+    },
+    label : {
+        text : "Intitulé du format",
+        maxLength : 40
+    },
+    users : {
+        type : "selecttabledata",
+        text : "Accessible aux utilisateurs",
+        multiple : true,
+        foreignKeyColumn : 'code',
+        foreignKeyTable : "users",
+        dbName : "users"
+    },
+    displayLogo : {
+        text : 'Afficher le logo société',
+        type : 'switch',
+        defaultValue : 1,
+        checkedTooltip : 'Oui',
+        uncheckedTooltip : 'Non',
+    },
+    displaySocialReason : {
+        text : 'Entêtes société',
+        type : 'switch',
+        checkedTooltip : 'Oui',
+        uncheckedTooltip : 'Non',
+        defaultValue : 1,
+    },
+    displayIdentifier : {
+        text : 'Afficher les ID Société',
+        type : 'switch',
+        checkedTooltip : 'Oui',
+        uncheckedTooltip : 'Non',
+        defaultValue : 0,
+        //checkedTooltip : 'Afficher les identifiants société à l\'instar du registre de commerce et bien d\'autres',
+        //uncheckedTooltip : 'Ne pas afficher les identifiants société à l\'instar du registre de commerce et bien d\'autres',
+    },
+    displayThirdPartiesIdentifier : {
+        text : 'Afficher les ID Tiers',
+        type : 'switch',
+        checkedTooltip : 'Oui',
+        uncheckedTooltip : 'Non',
+        defaultValue : 0,
+    },
+    signatories : {
+        type : 'selectstructdata',
+        table : 'signatories',
+        multiple : true,
+        text : 'Signataires',
+    },
+    signatoriesMargin : {
+        type : 'number',
+        format : 'number',
+        validType : 'number',
+        text : 'Nbrs sauts de lignes après signataires',
+        tooltip : 'Entrez le nombre de sauts de lignes à laisser sur la page après la ligne des signataires',
+        defaultValue : 3,
+    },
+    footerNote : {
+        text : 'Note de bas de page',
+        format : 'hashtag',
+        maxLength : 500,
+    },
+    footerCopyRight : {
+        text : 'Pied de page',
+        format : 'hashtag',
+        maxLength : 500,
+    },
+    pageFormat : {
+        text : 'Format de la page',
+        defaultValue : require("./defaultPageFormat").default,
+        type : 'select',
+        items : formats,
+        required : true,
+        multiple : false,
+        itemValue : ({item})=>{
+            return formats[item] || item;
+        }
+    },
+    pageWidth : {
+        text : 'Largeur de la page en pts(pt)',
+        tooltip : 'Spécifiez une valeur de la largeur de la page à imprimer, si cette valeur vaut zéro, la valeur du format de la page sera utilisée',
+        defaultValue : 0,
+        type : 'number',
+        format : 'number',
+        validType : 'decimal',
+    }, 
+    pageHeight : {
+        text : 'Hauteur de la page en pts(pt)',
+        tooltip : 'Spécifiez une valeur de la hauteur de la page à imprimer, si cette valeur vaut zéro, la valeur du format de la page sera utilisée',
+        defaultValue : 0,
+        type : 'number',
+        format : 'number',
+        validType : 'decimal',
+    }, 
+    pageOrientation : {
+        text : 'Orientation de la page',
+        type : 'select',
+        items : [{code:'portrait',label:'Portrait'},{code:'landscape',label:'Paysage'}],
+        defaultValue : require("./defaultPageOrientation"),
+        required : true,
+    },
+    leftMargin : {
+        type : 'number',
+        format : 'number',
+        validType : 'number',
+        text : 'Marge [Gauche]',
+        defaultValue : 20
+    },
+    topMargin : {
+        type : 'number',
+        format : 'number',
+        validType : 'number',
+        text : 'Marge [Haut]',
+        defaultValue : 20,
+    },
+    rightMargin : {
+        type : 'number',
+        text : 'Marge [Droite]',
+        validType : 'number',
+        defaultValue : 20
+    },
+    bottomMargin : {
+        type : 'number',
+        format : 'number',
+        validType : 'number',
+        text : 'Marge [Bas]',
+        defaultValue : 30
+    },
+}

package/src/print/pdf/formats/formats.js

@@ -0,0 +1,8 @@
+export default [
+    'A4', 'A5', 'A6', 'A7', 'A8', 'A9', 'A10','4A0', '2A0', 'A0', 'A1', 'A2', 'A3', 
+    'B0', 'B1', 'B2', 'B3', 'B4', 'B5', 'B6', 'B7', 'B8', 'B9', 'B10',
+    'C0', 'C1', 'C2', 'C3', 'C4', 'C5', 'C6', 'C7', 'C8', 'C9', 'C10',
+    'RA0', 'RA1', 'RA2', 'RA3', 'RA4',
+    'SRA0', 'SRA1', 'SRA2', 'SRA3', 'SRA4',
+    'EXECUTIVE', 'FOLIO', 'LEGAL', 'LETTER', 'TABLOID'
+]

package/src/print/pdf/formats/index.js

@@ -0,0 +1,10 @@
+let renderItem = require("./renderItem")
+
+export {default as renderItem} from "./renderItem";
+export {default as formats} from "./formats";
+export {default as fields} from "./fields";
+export {default as defaultFormat} from "./defaultFormat";
+export {default as defaultFormats} from "./defaultFormats";
+export {default as pageFormats} from "./defaultFormats";
+export {default as defaultPageOrientation} from "./defaultPageOrientation";
+export {default as defaultPageFormat} from "./defaultPageFormat";

package/src/print/pdf/formats/renderItem.js

@@ -0,0 +1,8 @@
+import {isNonNullString} from '$cutils';
+export default ({item}) =>{
+    let t = isNonNullString(item.code) ? "[{0}]".sprintf(item.code) : "";
+    if(isNonNullString(item.label)){
+        return "{0} {1}".sprintf(t,item.label);
+    }
+    return t;
+}

package/src/print/pdf/index.js

@@ -0,0 +1,2 @@
+export * from "./formats";
+export {default as paperSizes} from "./paperSizes";