@fto-consult/expo-ui 6.32.1 → 6.32.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/components/Datagrid/Common/Common.js +18 -1
- package/src/components/Icon/Font.js +1 -1
- package/src/components/Icon/SelectFontIcon.js +18 -6
- package/src/components/Table/Row/Cell/Content.js +1 -0
- package/src/components/Table/styles.js +2 -2
- package/src/screens/Help/openLibraries.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fto-consult/expo-ui",
|
|
3
|
-
"version": "6.32.
|
|
3
|
+
"version": "6.32.3",
|
|
4
4
|
"description": "Bibliothèque de composants UI Expo,react-native",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@expo/html-elements": "^0.5.1",
|
|
69
69
|
"@expo/vector-icons": "^13.0.0",
|
|
70
70
|
"@faker-js/faker": "^8.0.2",
|
|
71
|
-
"@fto-consult/common": "^3.
|
|
71
|
+
"@fto-consult/common": "^3.33.0",
|
|
72
72
|
"@pchmn/expo-material3-theme": "^1.3.1",
|
|
73
73
|
"@react-native-async-storage/async-storage": "1.18.2",
|
|
74
74
|
"@react-native-community/datetimepicker": "7.2.0",
|
|
@@ -42,6 +42,7 @@ import * as XLSX from "xlsx";
|
|
|
42
42
|
import {convertToSQL} from "$ecomponents/Filter";
|
|
43
43
|
import appConfig from "$capp/config";
|
|
44
44
|
import events from "../events";
|
|
45
|
+
import {MORE_ICON} from "$ecomponents/Icon"
|
|
45
46
|
|
|
46
47
|
export const TIMEOUT = 100;
|
|
47
48
|
|
|
@@ -1205,7 +1206,9 @@ export default class CommonDatagridComponent extends AppComponent {
|
|
|
1205
1206
|
},true)
|
|
1206
1207
|
},TIMEOUT)
|
|
1207
1208
|
}
|
|
1208
|
-
/*** affiche ou masque une colonne
|
|
1209
|
+
/*** affiche ou masque une colonne
|
|
1210
|
+
@param {string} field
|
|
1211
|
+
*/
|
|
1209
1212
|
toggleColumnVisibility(field,removeFocus){
|
|
1210
1213
|
if(!isNonNullString(field)) return;
|
|
1211
1214
|
setTimeout(()=>{
|
|
@@ -2487,6 +2490,7 @@ export default class CommonDatagridComponent extends AppComponent {
|
|
|
2487
2490
|
key,
|
|
2488
2491
|
sortType,
|
|
2489
2492
|
width,
|
|
2493
|
+
datagridMenuItems,
|
|
2490
2494
|
...restCol
|
|
2491
2495
|
} = header;
|
|
2492
2496
|
restCol = Object.clone(defaultObj(restCol));
|
|
@@ -3685,6 +3689,7 @@ export default class CommonDatagridComponent extends AppComponent {
|
|
|
3685
3689
|
return defaultObj(this.sortRef.current);
|
|
3686
3690
|
}
|
|
3687
3691
|
renderHeaderCell({columnDef,containerProps,columnField}){
|
|
3692
|
+
const isIndex = true;//this.isIndexColumn(columnDef,columnField);
|
|
3688
3693
|
if(this.isSelectableColumn(columnDef,columnField)){
|
|
3689
3694
|
const style = this.getSelectableColumNameStyle();
|
|
3690
3695
|
if(isObj(containerProps)){
|
|
@@ -3721,6 +3726,18 @@ export default class CommonDatagridComponent extends AppComponent {
|
|
|
3721
3726
|
primary
|
|
3722
3727
|
/>: null}
|
|
3723
3728
|
<Label testID={"RN_DatagridHeaderCellLabel_"+columnField} textBold style={[{fontSize:13}]} primary={isColumnSorted}>{ret}</Label>
|
|
3729
|
+
{!isIndex ? <Menu
|
|
3730
|
+
anchor={(p)=><Icon name={MORE_ICON} {...p} size={20} style={[p.style,theme.styles.noMargin,theme.styles.noPadding]} primary={isColumnSorted||p.primary}/>}
|
|
3731
|
+
items = {{
|
|
3732
|
+
toggleVisibility : {
|
|
3733
|
+
icon : 'eye',
|
|
3734
|
+
text : `Masquer la colone [${ret}]`,
|
|
3735
|
+
onPress : (e)=>{
|
|
3736
|
+
this.toggleColumnVisibility(columnField);
|
|
3737
|
+
}
|
|
3738
|
+
}
|
|
3739
|
+
}}
|
|
3740
|
+
/>:null}
|
|
3724
3741
|
</View>
|
|
3725
3742
|
</TouchableRipple>
|
|
3726
3743
|
}
|
|
@@ -50,7 +50,7 @@ const FontIcon = React.forwardRef(({icon,name,testID,color,iconColor,iconStyle,b
|
|
|
50
50
|
console.warn("Icone non définie pour le composant FontIcon, icon [{0}], merci de spécifier une icone supportée par la liste du module https://github.com/expo/vector-icons/MaterialCommunityIcons".sprintf(icon),props);
|
|
51
51
|
return null;
|
|
52
52
|
}
|
|
53
|
-
const iconName = icon.trim().ltrim(iconSetName).trim();
|
|
53
|
+
const iconName = icon.trim().ltrim(iconSetName+"-").ltrim("-").trim();
|
|
54
54
|
return <Icon {...props}
|
|
55
55
|
ref = {ref}
|
|
56
56
|
testID = {testID}
|
|
@@ -7,6 +7,8 @@ import {View} from "react-native";
|
|
|
7
7
|
import Icon from "./Icon";
|
|
8
8
|
import Label from "$ecomponents/Label";
|
|
9
9
|
import theme from "$theme";
|
|
10
|
+
import {copyTextToClipboard} from "$clipboard/utils";
|
|
11
|
+
import { StyleSheet } from "react-native";
|
|
10
12
|
|
|
11
13
|
const SelectFontIconComponent = React.forwardRef((props,ref)=>{
|
|
12
14
|
const items = React.useMemo(()=>{
|
|
@@ -37,12 +39,18 @@ const SelectFontIconComponent = React.forwardRef((props,ref)=>{
|
|
|
37
39
|
getItemValue ={({item})=>item.icon}
|
|
38
40
|
renderText = {({item})=>item.icon}
|
|
39
41
|
renderItem = {({item})=>{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
<View>
|
|
43
|
-
<
|
|
44
|
-
<
|
|
42
|
+
const {icon,iconSetName} = item;
|
|
43
|
+
return <View testID="RN_SELECTFontIconContainer" style={[theme.styles.row,styles.content,theme.styles.justifyContentSpaceBetween,theme.styles.alignItemsCenter]}>
|
|
44
|
+
<View style={[theme.styles.row,theme.styles.justifyContentFlexStart,theme.styles.alignItemsCenter]}>
|
|
45
|
+
<Icon size={35} primary name={icon}/>
|
|
46
|
+
<View>
|
|
47
|
+
<Label textBold>{icon}</Label>
|
|
48
|
+
<Label>{iconSetName}</Label>
|
|
49
|
+
</View>
|
|
45
50
|
</View>
|
|
51
|
+
<Icon size={25} name="content-copy" title={`Copier la valeur [${icon}] dans le presse papier`} onPress={(e)=>{
|
|
52
|
+
copyTextToClipboard(icon);
|
|
53
|
+
}}/>
|
|
46
54
|
</View>
|
|
47
55
|
}}
|
|
48
56
|
/>
|
|
@@ -57,6 +65,10 @@ SelectFontIconComponent.propTypes = {
|
|
|
57
65
|
imageProps : PropTypes.object, ///les props à appliquer aux images affichées
|
|
58
66
|
}
|
|
59
67
|
|
|
60
|
-
|
|
68
|
+
const styles = StyleSheet.create({
|
|
69
|
+
content : {
|
|
70
|
+
flexGrow : 1,
|
|
71
|
+
}
|
|
72
|
+
})
|
|
61
73
|
|
|
62
74
|
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
import {classNames} from "$cutils";
|
|
6
6
|
import { StyleSheet } from "react-native";
|
|
7
|
+
import styles from "../../styles";
|
|
7
8
|
|
|
8
9
|
function TableCellContentComponent({children,columnDef,width,testID,columnField,colSpan,style,...rest}){
|
|
9
10
|
return (<td data-test-id={testID||"RN_TableCellComoponent"} colSpan={colSpan} className={classNames(rest.className,"table-row-cell")} style={StyleSheet.flatten([style])}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.
|
|
1
|
+
module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.32.2","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"},"@emotion/native":{"version":"11.11.0","url":"https://emotion.sh","license":"MIT"},"@emotion/react":{"version":"11.11.1","url":"https://github.com/emotion-js/emotion/tree/main/packages/react","license":"MIT"},"@expo/html-elements":{"version":"0.5.1","url":"https://github.com/expo/expo/tree/main/packages/html-elements","license":"MIT"},"@expo/metro-config":{"version":"0.10.7","url":"https://github.com/expo/expo.git","license":"MIT"},"@expo/vector-icons":{"version":"13.0.0","url":"https://expo.github.io/vector-icons","license":"MIT"},"@expo/webpack-config":{"version":"19.0.0","url":"https://github.com/expo/expo-cli.git","license":"MIT"},"@faker-js/faker":{"version":"8.0.2","url":"https://github.com/faker-js/faker.git","license":"MIT"},"@fto-consult/common":{"version":"3.33.0","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@pchmn/expo-material3-theme":{"version":"1.3.1","url":"https://github.com/pchmn/expo-material3-theme#readme","license":"MIT"},"@react-native-async-storage/async-storage":{"version":"1.18.2","url":"https://github.com/react-native-async-storage/async-storage#readme","license":"MIT"},"@react-native-community/datetimepicker":{"version":"7.2.0","url":"https://github.com/react-native-community/datetimepicker#readme","license":"MIT"},"@react-native-community/netinfo":{"version":"9.3.10","url":"https://github.com/react-native-netinfo/react-native-netinfo#readme","license":"MIT"},"@react-native/assets-registry":{"version":"0.72.0","url":"git@github.com:facebook/react-native.git","license":"MIT"},"@react-navigation/native":{"version":"6.1.7","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.13","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.42.0","url":"https://apexcharts.com","license":"MIT"},"babel-plugin-inline-dotenv":{"version":"1.7.0","url":"https://github.com/brysgo/babel-plugin-inline-dotenv#readme","license":"ISC"},"babel-plugin-module-resolver":{"version":"5.0.0","url":"https://github.com/tleunen/babel-plugin-module-resolver.git","license":"MIT"},"expo":{"version":"49.0.9","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.2","url":"https://docs.expo.dev/versions/latest/sdk/camera/","license":"MIT"},"expo-clipboard":{"version":"4.3.1","url":"https://docs.expo.dev/versions/latest/sdk/clipboard","license":"MIT"},"expo-font":{"version":"11.4.0","url":"https://docs.expo.dev/versions/latest/sdk/font/","license":"MIT"},"expo-image-picker":{"version":"14.3.2","url":"https://docs.expo.dev/versions/latest/sdk/imagepicker/","license":"MIT"},"expo-linking":{"version":"5.0.2","url":"https://docs.expo.dev/versions/latest/sdk/linking","license":"MIT"},"expo-sqlite":{"version":"11.3.2","url":"https://docs.expo.dev/versions/latest/sdk/sqlite/","license":"MIT"},"expo-status-bar":{"version":"1.6.0","url":"https://docs.expo.dev/versions/latest/sdk/status-bar/","license":"MIT"},"expo-system-ui":{"version":"2.4.0","url":"https://docs.expo.dev/versions/latest/sdk/system-ui","license":"MIT"},"expo-web-browser":{"version":"12.3.2","url":"https://docs.expo.dev/versions/latest/sdk/webbrowser/","license":"MIT"},"file-saver":{"version":"2.0.5","url":"https://github.com/eligrey/FileSaver.js#readme","license":"MIT"},"fs-extra":{"version":"11.1.1","url":"https://github.com/jprichardson/node-fs-extra","license":"MIT"},"google-libphonenumber":{"version":"3.2.33","url":"https://ruimarinho.github.io/google-libphonenumber/","license":"(MIT AND Apache-2.0)"},"htmlparser2-without-node-native":{"version":"3.9.2","url":"git://github.com/fb55/htmlparser2.git","license":"MIT"},"pdfmake":{"version":"0.2.7","url":"http://pdfmake.org","license":"MIT"},"process":{"version":"0.11.10","url":"git://github.com/shtylman/node-process.git","license":"MIT"},"prop-types":{"version":"15.8.1","url":"https://facebook.github.io/react/","license":"MIT"},"react":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-content-loader":{"version":"6.2.1","url":"https://github.com/danilowoz/react-content-loader","license":"MIT"},"react-dom":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-native":{"version":"0.72.4","license":"MIT"},"react-native-big-list":{"version":"1.6.1","url":"https://marcocesarato.github.io/react-native-big-list-docs/","license":"GPL-3.0-or-later"},"react-native-blob-util":{"version":"0.18.6","url":"https://github.com/RonRadtke/react-native-blob-util","license":"MIT"},"react-native-gesture-handler":{"version":"2.12.1","url":"https://github.com/software-mansion/react-native-gesture-handler#readme","license":"MIT"},"react-native-iphone-x-helper":{"version":"1.3.1","url":"https://github.com/ptelad/react-native-iphone-x-helper#readme","license":"MIT"},"react-native-mime-types":{"version":"2.4.0","license":"MIT"},"react-native-paper":{"version":"5.10.4","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.18.26","url":"https://github.com/web-ridge/react-native-paper-dates#readme","license":"MIT"},"react-native-reanimated":{"version":"3.3.0","url":"https://github.com/software-mansion/react-native-reanimated#readme","license":"MIT"},"react-native-safe-area-context":{"version":"4.6.3","url":"https://github.com/th3rdwave/react-native-safe-area-context#readme","license":"MIT"},"react-native-screens":{"version":"3.22.1","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"react-native-svg":{"version":"13.9.0","url":"https://github.com/react-native-community/react-native-svg","license":"MIT"},"react-native-web":{"version":"0.19.7","url":"git://github.com/necolas/react-native-web.git","license":"MIT"},"react-native-webview":{"version":"13.2.2","url":"https://github.com/react-native-webview/react-native-webview#readme","license":"MIT"},"react-virtuoso":{"version":"4.5.1","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"4.1.1","url":"https://github.com/vseventer/sharp-cli","license":"MIT"},"tippy.js":{"version":"6.3.7","url":"https://atomiks.github.io/tippyjs/","license":"MIT"},"uninstall":{"version":"0.0.0","license":"MIT"},"websql":{"version":"2.0.3","url":"git://github.com/nolanlawson/node-websql.git","license":"Apache-2.0"},"xlsx":{"version":"0.18.5","url":"https://sheetjs.com/","license":"Apache-2.0"}};
|