@fto-consult/expo-ui 6.26.2 → 6.26.4

package/src/components/SplashScreen/index.js

@@ -98,7 +98,7 @@ const SplashScreenComponent = ({isLoaded,children , duration, delay,logoWidth,lo
     ],
   }
   const child = (animationDone && isLoaded)? React.isValidElement(children) && children : null;
-  if(animationDone) return child;
+  if(animationDone && isLoaded) return child;
   return <View style={[styles.container]} testID={testID} id={testID}>
       {!animationDone ? <View style={StyleSheet.absoluteFill} testID={testID+"_Animation"}/> : null}
       <View style={styles.containerGlue} testID={testID+"_ContainerGlue"}>
@@ -108,7 +108,7 @@ const SplashScreenComponent = ({isLoaded,children , duration, delay,logoWidth,lo
             testID={testID+"_AnimationDone"}
           />
         )}
-        {(animationDone || isNative) && child}
+        {false && (animationDone || isNative) && child}
         {!animationDone && (
             <View testID={testID+"_LogoContainer"} style={[StyleSheet.absoluteFill, styles.logoStyle]}>
             {(

package/src/components/StatusBar/Component/index.web.js

@@ -53,7 +53,6 @@ export default function StatusBarComponent(props){
         }
     },[]);
     return null;
-    return <StatusBar {...styles} {...props}></StatusBar>
 }
 const updateThemeName = (theme)=>{
     if(typeof document ==="undefined" || !document || !isDOMElement(document.body)) return null;

package/src/components/Table/EmptyPlaceholder/index.js

@@ -0,0 +1,41 @@
+import {useEffect} from "react";
+import { StyleSheet } from "react-native";
+import View from "$ecomponents/View";
+import {defaultStr,defaultNumber,uniqid,classNames} from "$cutils";
+import { useWindowDimensions } from "react-native";
+import {useTable} from "../hooks";
+
+export default function EmptyPlaceholderComponent({testID,content}){
+    testID = defaultStr(testID,"RN_VirtuosoTableEmptyPlaceholder");
+    const {id : tableId,visibleColsNames} = useTable();
+    const id = `${tableId}-empty-placeholder`;
+    const listID = `${tableId}-list`;
+    const clx = "virtuoso-table-empty-placehoder";
+    const {width:dimW} = useWindowDimensions();
+    useEffect(()=>{
+        const list = document.querySelector(`#${listID}`),content = document.querySelector(`#${id}-content`);
+        if(!list || !content || !list.offsetWidth) return;
+        const width = list.offsetWidth || list.clientWidth;
+        content.style.width = `${width}px`;
+    },[dimW]);
+    return <tbody id={`${id}-tbody`} data-test-id={`${testID}-tbody`} className={`${clx}-tbody`} style={wStyle}>
+        <tr id={`${id}-tr`} data-test-id={`${testID}-tr`} className={`${clx}-tr`} style={wStyle}>
+            <td colSpan={visibleColsNames.length} id={`${id}-td`} width={"100%"} height={"100%"}  data-test-id={`${testID}-td`} style={wStyle}>
+                <View testID={testID} id={`${id}-content`} style={styles.content}>{content}</View>
+            </td>
+        </tr>
+    </tbody>
+}
+const wStyle = {
+    width : "100%",
+    height : "100%",
+    position : "relative"
+}
+const styles = StyleSheet.create({
+    content : {
+        alignItems:"center",
+        justifyContent : "center",
+        height : "100%",
+        width : "100%",
+    },
+})

package/src/components/Table/EmptyPlaceholder/index.native.js

@@ -0,0 +1,3 @@
+export default function EmptyPlaceholderComponent({emptyContent}){
+    return null;
+}

package/src/components/Table/hooks.js

@@ -1,5 +1,5 @@
 import React,{useMemo} from "$react";
-import {defaultStr,isObj} from "$cutils";
+import {defaultStr,isObj,uniqid} from "$cutils";
 import {DEFAULT_COLUMN_WIDTH} from "./utils";
 import Label from "$ecomponents/Label";
 import HeaderCell from "./Header/Cell";

package/src/components/Table/index.js

@@ -1,5 +1,5 @@
 import View from "$ecomponents/View";
-import {defaultObj,defaultStr,debounce,defaultNumber,isObj,defaultVal} from "$cutils";
+import {defaultObj,defaultStr,debounce,defaultNumber,uniqid,isObj,defaultVal} from "$cutils";
 import PropTypes from "prop-types";
 import React from "$react";
 import { StyleSheet,View as RNView,ScrollView,Dimensions} from "react-native";
@@ -15,6 +15,7 @@ import {useIsRowSelected} from "$ecomponents/Datagrid/hooks";
 import {getRowStyle} from "$ecomponents/Datagrid/utils";
 import ScrollNative from "./ScrollNative";
 import VirtuosoTableComponent from "./VirtuosoTable";
+import EmptyPlaceholder from "./EmptyPlaceholder";
 export {styles};
 
 const isSCrollingRef = React.createRef();
@@ -124,9 +125,9 @@ const TableComponent = React.forwardRef(({containerProps,listContainerStyle,onRe
             }
         }
     }
-    const onComponentRender = (a,b,c)=>{
+    const onComponentRender = (...args)=>{
         if(onRender){
-            onRender(a,b,c);
+            onRender(...args);
         }
         //au paravant il était possible de faire scroller le composant Table lorsque les données sont raffraichies, ce qui n'avait pas un bon impact sur le rendu de la table de données
         if(false && itemsChanged){
@@ -257,6 +258,9 @@ const TableComponent = React.forwardRef(({containerProps,listContainerStyle,onRe
                                 return <TableRowComponent {...props} style={[getRowStyle(args),props.style]}/>
                             },
                             Table: VirtuosoTableComponent,
+                            EmptyPlaceholder : (props)=>{
+                                return <EmptyPlaceholder testID={testID+"_VirtuosoEmptyPlaceholder"} {...props} content={emptyContent}/>
+                            }
                         }}
                     />
                     {isNative ? <AbsoluteScrollView
@@ -334,20 +338,22 @@ TableComponent.popTypes = {
 
 TableComponent.displayName = "TableComponent";
 
-const TableComponentProvider = React.forwardRef(({children,renderCell,testID,withDatagridContext,getRowKey,filter,data,...props},ref)=>{
+const TableComponentProvider = React.forwardRef(({children,id,renderCell,testID,withDatagridContext,getRowKey,filter,data,...props},ref)=>{
     testID = props.testID = defaultStr(testID,"RN_TableComponent");
-    const prepatedColumns = usePrepareColumns(props);
+    const idRef = React.useRef(defaultStr(id,uniqid("virtuoso-table-list-id")));
+    id = idRef.current;
+    const prepatedColumns = usePrepareColumns({...props,id});
     const keyExtractor = typeof getRowKey =='function'? getRowKey : React.getKey;
     const items = React.useMemo(()=>{
         filter = typeof filter =='function'? filter : x=>true;
         return data.filter((i,...rest)=>isObj(i) && !!filter(i,...rest));
     },[data]);
     const getItem = (index)=>items[index]||null;
-    return <TableContext.Provider value={{...props,...prepatedColumns,getItem,getRowByIndex:getItem,testID,data,withDatagridContext,keyExtractor,
+    return <TableContext.Provider value={{...props,...prepatedColumns,id,getItem,getRowByIndex:getItem,testID,data,withDatagridContext,keyExtractor,
         renderCell,
         items
     }}>
-        <TableComponent {...props} ref={ref}/>
+        <TableComponent {...props} id={id} ref={ref}/>
     </TableContext.Provider>
 });
 TableComponentProvider.displayName = "TableComponentProvider";

package/src/components/TextField/index.js

@@ -424,6 +424,7 @@ const TextFieldComponent = React.forwardRef((componentProps,inputRef)=>{
             {valueToCopy?<Icon
                 {...iconProps}
                 title = {"Copier la valeur ["+valueToCopy+"] dans le presse papier"}
+                style = {[iconProps.style,{pointerEvents:"auto"}]}
                 icon = {COPY_ICON}
                 onPress = {(e)=>{
                     /*if(selectFieldToCopy){

package/src/context/Provider.js

@@ -85,6 +85,13 @@ const Provider = ({children,getTableData,navigation,components,convertFiltersToS
           get customCSS(){
              const prevCSS = defaultStr(typeof customCSS ==='function'? customCSS(theme) : customCSS);
              return `
+                #root {
+                  overflow:hidden!important;
+                  width : 100%!important;
+                  height : 100%important;
+                  left : 0!important;
+                  top : 0!important;
+                }
                 .virtuoso-table-component,
                 .virtuoso-table-component th,
                 .virtuoso-table-component tr,

package/src/context/hooks.js

@@ -5,7 +5,6 @@ import useStableMemo  from "$react/useStableMemo";
 import { useWindowDimensions } from "$cdimensions";
 import {isObj,isNonNullString} from "$cutils";
 import { StyleSheet } from "react-native";
-
 import { createContext,useContext as useReactContext } from "react";
 
 export const ExpoUIContext = createContext(null);
@@ -63,4 +62,4 @@ export function useMediaQueryUpdateStyle({useCurrentMedia,target,mediaQueryUpdat
         if(isObj(nStyle) || Array.isArray(nStyle)) return StyleSheet.flatten([props.style,nStyle]);
         return StyleSheet.flatten(props.style)||{};
     },[handleProps,useCurrentMedia,dimensions,props.style]);
-}
+}

package/src/context/query.js

@@ -0,0 +1,92 @@
+import {isNonNullString,isObj,extendObj,defaultObj,defaultStr} from "$utils";
+import { useQuery as useRQuery, useMutation as RQUseMutation, useQueryClient } from "@tanstack/react-query";
+import { getFetcherOptions as apiGetFetcherOptions } from '$capi';
+
+export const RETRY_OPTIONS = { cacheTime: 2000,refetchInterval:5000};
+
+export const RETRY_LIST_OPTIONS = {cacheTime:5000,refetchInterval:20000};
+
+const isValidNetworkMode = (nMode)=>isNonNullString(nMode) && ['online','always','offlineFirst'].includes(nMode.toLowerCase().trim());
+const isValidRetryDelay = (retryDelay) => typeof retryDelay =='number' || typeof retryDelay ==='function'? true : false;
+
+const queries403Cached = {};
+
+/***** override of useQuery
+  @see : https://tanstack.com/query/v4/docs/react/guides/migrating-to-react-query-4
+  @see : https://tanstack.com/query/v4/docs/react/reference/useQuery for useQuery options
+  @param {boolean} handle403, pour la prise en compte du 403
+  @param {Array} key, array of key string, The query key to use for this query.The query key will be hashed into a stable hash. See Query Keys for more information. The query will automatically update when this key changes (as long as enabled is not set to false).
+  @param {function} queryFn, query function  (context: QueryFunctionContext) => Promise<TData>
+  @param {boolean} enabled  Set this to false to disable this query from automatically running.
+  @param {string} networkMode 'online' | 'always' | 'offlineFirst
+  @param {boolean| number | (failureCount: number, error: TError) => boolean} retry If false, failed queries will not retry by default.If true, failed queries will retry infinitely. If set to a number, e.g. 3, failed queries will retry until the failed query count meets that number.
+  @param {boolean} retryOnMount If set to false, the query will not be retried on mount if it contains an error. Defaults to true.
+  @param {number | (retryAttempt: number, error: TError) => number} retryDelay  This function receives a retryAttempt integer and the actual Error and returns the delay to apply before he next attempt in milliseconds.  A function like attempt => Math.min(attempt > 1 ? 2 ** attempt * 1000 : 1000, 30 * 1000) applies exponential backoff., A function like attempt => attempt * 1000 applies linear backoff.
+*/
+export const useQuery = (key,queryFn,enabled,networkMode,retry,retryOnMount,retryDelay,...args)=>{
+    const options = isObj(key)? Object.assign({},key) : isNonNullString(key)? {queryKey:key.split(",")} : Array.isArray(key)? {queryKey:key} : {};
+    key = isNonNullString(key)? key.split(",") : Array.isArray(key)? key : [];
+    options.queryKey = Array.isArray(options.queryKey) && options.queryKey.length && options.queryKey || key;
+    options.queryFn = typeof queryFn =='function' ? queryFn : typeof options.queryFn =='function'? options.queryFn : undefined; 
+    options.enabled = typeof enabled === "boolean" ? enabled : typeof options.enabled =='boolean' ? options.enabled : true;
+    options.networkMode = isValidNetworkMode(networkMode) ? networkMode.toLowerCase().trim() : isValidNetworkMode(options.networkMode) ? options.networkMode.toLowerCase().trim() : "online";
+    options.retry = typeof retry =='boolean' || typeof retry ==='number' ? retry : typeof options.retry ==='boolean' || typeof options.retry =='number' ? options.retry : undefined;
+    options.retryOnMount = typeof retryOnMount ==='boolean'? retryOnMount : typeof options.retryOnMount =='boolean' ? options.retryOnMount : undefined;
+    options.retryDelay = isValidRetryDelay(retryDelay)? retryDelay : isValidRetryDelay(options.retryDelay) ? options.retryDelay : undefined;
+    [queryFn,enabled,networkMode,retry,retryOnMount,retryDelay].map((a)=>{
+      isObj(a) && extendObj(true,options,a);
+    }); 
+    args.map((a)=>{
+      isObj(a) && extendObj(true,options,a);
+    });
+    options.enabled = !options.queryKey?.length ? false : options.enabled;
+    //if not enabled, we have to disabled retry option
+    options.retry = !options.enabled ? false : options.retry;
+    const {onError} = options;
+    const keyString = key.join(",");
+    if(keyString && queries403Cached[keyString]){
+      options.retry = false;
+    }
+    const {handle403} = options;
+    delete options.handle403;
+    options.onError = (e,...args)=>{
+      if(handle403){
+        const {response} = isObj(e)? e : {};
+        if(isObj(response) && response.status === 403){
+          keyString ? queries403Cached[keyString] = true : null;
+          setTimeout(()=>{
+            keyString && delete queries403Cached[keyString];
+          },100);
+        }
+      }
+      if(typeof onError ==='function' && (onError(e,options) === false)) return;
+    }
+    //const r = !options.enabled ? console.error("unable to get query for options",options) : null;
+    return useRQuery(options);
+}
+
+/**** 
+  @see : https://tanstack.com/query/v4/docs/react/reference/useMutation
+*/
+export const useMutation = (mutationFn,cacheTime,mutationKey,...args)=>{
+    const options = isObj(mutationFn)? Object.assign({},mutationFn) : typeof(mutationFn) =='function'? {mutationFn} : {};
+    mutationFn = typeof mutationFn ==='function' ? mutationFn : undefined;
+    mutationFn = mutationFn || typeof options.mutationFn == 'function' ? options.mutationFn : undefined;
+    options.cacheTime = typeof cacheTime =='number' ? cacheTime : typeof options.cacheTime =='number'? options.cacheTime : undefined; 
+    options.mutationKey = isNonNullString(mutationKey) && mutationKey || isNonNullString(options.mutationKey) ? options.mutationKey : undefined;
+    [cacheTime,mutationKey].map((a)=>{
+      isObj(a) && extendObj(true,options,a);
+    }); 
+    args.map((a)=>{
+      isObj(a) && extendObj(true,options,a);
+    });
+    options.mutationFn = async (params,...rest) => {
+        return await mutationFn(params,...rest);
+    }
+    return RQUseMutation(options);
+}
+
+
+export const getFetcherOptions = (path,opts)=>{
+  return apiGetFetcherOptions(path,opts);
+}

package/src/index.js

@@ -28,7 +28,7 @@ import SimpleSelect from '$ecomponents/SimpleSelect';
 import {Provider as AlertProvider} from '$ecomponents/Dialog/confirm/Alert';
 import { DialogProvider as FormDataDialogProvider } from '$eform/FormData';
 import {Portal } from 'react-native-paper';
-import {PortalProvider} from '$ecomponents/Portal';
+import {PortalProvider,CustomPortal} from '$ecomponents/Portal';
 import ErrorBoundaryProvider from "$ecomponents/ErrorBoundary/Provider";
 import notify, {notificationRef} from "$notify";
 import DropdownAlert from '$ecomponents/Dialog/DropdownAlert';
@@ -40,9 +40,6 @@ import StatusBar from "$ecomponents/StatusBar";
 import {Provider as PaperProvider } from 'react-native-paper';
 import FontIcon from "$ecomponents/Icon/Font";
 import useContext from "$econtext/hooks";
-import {GestureHandlerRootView} from "react-native-gesture-handler";
-import KeyboardAvoidingViewComponent from '$ecomponents/KeyboardAvoidingView';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
 export * from "./context";
 
 let MAX_BACK_COUNT = 1;
@@ -256,59 +253,55 @@ function App({init:initApp,initialRouteName:appInitialRouteName,render,onMount})
       onMountRef.current = true;
     }
   },[isLoaded])
-  const child = isLoaded ? <Navigation
-      initialRouteName = {defaultStr(hasGetStarted ? appInitialRouteName : getStartedRouteName,"Home")}
-      state = {state}
-      hasGetStarted = {hasGetStarted}
-      isInitialized = {isInitialized}
-      onGetStart = {(e)=>{
-        setState({...state,hasGetStarted:true})
-      }}
-  />: null;
+  const child = isLoaded ? <NavigationContainer 
+    ref={navigationRef}
+    initialState={initialState}
+    onStateChange={(state) =>{
+        setSession(NAVIGATION_PERSISTENCE_KEY,decycle(state),false);
+    }
+  }
+  >
+        <Navigation
+          initialRouteName = {defaultStr(hasGetStarted ? appInitialRouteName : getStartedRouteName,"Home")}
+          state = {state}
+          hasGetStarted = {hasGetStarted}
+          isInitialized = {isInitialized}
+          onGetStart = {(e)=>{
+            setState({...state,hasGetStarted:true})
+          }}
+        />
+  </NavigationContainer>  : null;
   const content = isLoaded ? typeof render == 'function'? render({children:child,appConfig,config:appConfig}) : child : null;
   return <AuthProvider>
-      <NavigationContainer
-          ref={navigationRef}
-          initialState={initialState}
-          onStateChange={(state) =>{
-            if(!isLoaded) return;
-            setSession(NAVIGATION_PERSISTENCE_KEY,decycle(state),false);
-          }}
-      >
-      <PaperProvider 
+        <PaperProvider 
           theme={theme}
           settings={{
             icon: (props) => {
               return <FontIcon {...props}/>
             },
           }}
-      >
-        <PortalProvider>
-          <Portal.Host>
+        >
+          <PortalProvider>
+            <ErrorBoundaryProvider/>  
             <PreloaderProvider/>   
-            <DialogProvider responsive/>
+            <DialogProvider responsive testID={"RN_MainAppDialogProvider"}/>
             <AlertProvider SimpleSelect={SimpleSelect}/>
             <FormDataDialogProvider/>  
             <BottomSheetProvider/>
             <DropdownAlert ref={notificationRef}/>
-            <ErrorBoundaryProvider/>
-            <GestureHandlerRootView style={{ flex: 1,flexGrow:1,flexShrink:1}} testID={"RN_GestureHandlerRootView"}>
-              <SafeAreaProvider testID={"RN_AppSafeAreaProvider"}>
+            <Portal.Host testID="RN_NativePaperPortalHost">
+              <ErrorBoundary>
+                <StatusBar/>
                 <SplashScreen isLoaded={isLoaded}>
-                    <ErrorBoundary>
-                      <StatusBar/>
-                      <PreferencesContext.Provider value={preferences}>
-                        {React.isValidElement(content) && content || child}
-                      </PreferencesContext.Provider>  
-                    </ErrorBoundary>
+                  <PreferencesContext.Provider value={preferences}>
+                    {React.isValidElement(content) && content || child}
+                  </PreferencesContext.Provider>  
                 </SplashScreen>
-              </SafeAreaProvider>
-            </GestureHandlerRootView>
-          </Portal.Host>
-        </PortalProvider>
+              </ErrorBoundary>
+            </Portal.Host>
+          </PortalProvider>
       </PaperProvider>
-    </NavigationContainer>
-  </AuthProvider>
+  </AuthProvider>;
 }
 
 export default App;

package/src/navigation/index.js

@@ -15,7 +15,8 @@ export * from "./utils";
  *  lorsque hasGetStarted est à false, celle-ci rend l'écran Start permettant de rendre le contenu GetStarted
 */
 export default function NavigationComponent (props){
-    let {state,hasGetStarted,onGetStart,initialRouteName,...rest} = props;
+    let {state,hasGetStarted,isLoading,onGetStart,initialRouteName,...rest} = props;
+    if(isLoading) return null;
     const {navigation:{screens}} = useContext();
     const allScreens = initScreens({Factory:Stack,screens,ModalFactory:Stack,filter:({name})=>{
         return true;

package/src/screens/Help/openLibraries.js

@@ -1 +1 @@
-module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.25.1","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"}};
+module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.26.3","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":"18.1.2","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.29.0","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@gorhom/portal":{"version":"1.0.14","url":"https://github.com/gorhom/react-native-portal#readme","license":"MIT"},"@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.41.1","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.7","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.3","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.1","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.18.14","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.0","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"}};

package/src/components/Icon/IconButton.js

@@ -1,155 +0,0 @@
-import * as React from 'react';
-import {
-  StyleSheet,
-} from 'react-native';
-import {TouchableRipple} from "react-native-paper";
-import CrossFadeIcon from 'react-native-paper/lib/commonjs/components/CrossFadeIcon';
-import Surface from '$ecomponents/Surface';
-import { IconButton } from 'react-native-paper';
-import PropTypes from "prop-types";
-import theme,{StyleProp,Colors} from "$theme";
-import {defaultStr} from "$cutils";
-
-const IconButtonComponent = ({
-  icon,
-  iconColor: customIconColor,
-  containerColor,
-  size = 24,
-  accessibilityLabel,
-  disabled,
-  onPress,
-  selected = false,
-  animated = false,
-  mode,
-  containerProps,
-  style,
-  testID,
-  color,
-  ...rest
-}) => {
-  const IconComponent = animated ? CrossFadeIcon : IconButton;
-  testID = defaultStr(testID,"RN_IconButtonComponent");
-  containerProps = defaultObj(containerProps);
-  const containerStyle = StyleSheet.flatten(containerProps.style) || {};
-  const backgroundColor = Colors.isValid(containerColor)? containerColor : Colors.isValid(containerStyle.color) ? containerStyle.color : undefined;
-  const iconColor = Colors.isValid(customIconColor)? customIconColor : Colors.isValid(color)? color : theme.colors.text;
-  const borderColor = theme.colors.outline || theme.colors.divider;
-  const rippleColor = Colors.setAlpha(iconColor,0.32);
-  const buttonSize =  size * 1.5;
-  const borderStyles = {
-    borderWidth: 0,
-    borderRadius: buttonSize / 2,
-    borderColor,
-  };
-
-  return (
-    <Surface
-      testID = {testID+"_Container"}
-      style={
-        [
-          {
-            backgroundColor,
-            width: buttonSize,
-            height: buttonSize,
-          },
-          styles.container,
-          borderStyles,
-          disabled && styles.disabled,
-          style,
-        ]
-      }
-    >
-      <TouchableRipple
-        borderless
-        centered
-        onPress={onPress}
-        rippleColor={rippleColor}
-        accessibilityLabel={accessibilityLabel}
-        style={styles.touchable}
-        // @ts-expect-error We keep old a11y props for backwards compat with old RN versions
-        accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
-        accessibilityComponentType="button"
-        role="button"
-        accessibilityState={{ disabled }}
-        disabled={disabled}
-        hitSlop={
-          TouchableRipple.supported
-            ? { top: 10, left: 10, bottom: 10, right: 10 }
-            : { top: 6, left: 6, bottom: 6, right: 6 }
-        }
-        {...rest}
-        testID = {testID}
-      >
-        <IconComponent testID={testID+"_Icon"} color={iconColor} source={icon} size={size} />
-      </TouchableRipple>
-    </Surface>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden',
-    margin: 6,
-    elevation: 0,
-  },
-  touchable: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  disabled: {
-    opacity: 0.32,
-  },
-});
-
-IconButtonComponent.propTypes = {
-    /**
-   * Icon to display.
-   */
-  icon: PropTypes.oneOfType(PropTypes.string,PropTypes.object),
-  /**
-   * @supported Available in v5.x
-   * Mode of the icon button. By default there is no specified mode - only pressable icon will be rendered.
-   */
-  mode : PropTypes.oneOf([
-    'outlined','contained' ,'contained-tonal'
-  ]),
-  /**
-   * @renamed Renamed from 'color' to 'iconColor' in v5.x
-   * Color of the icon.
-   */
-  iconColor: PropTypes.string,
-  /**
-   * @supported Available in v5.x
-   * Background color of the icon container.
-   */
-  containerColor: PropTypes.string,
-  /**
-   * @supported Available in v5.x
-   * Whether icon button is selected. A selected button receives alternative combination of icon and container colors.
-   */
-  selected: PropTypes.bool,
-  /**
-   * Size of the icon.
-   */
-  size : PropTypes.number,
-  /**
-   * Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Whether an icon change is animated.
-   */
-  animated: PropTypes.bool,
-  /**
-   * Accessibility label for the button. This is read by the screen reader when the user taps the button.
-   */
-  accessibilityLabel: PropTypes.string,
-  /**
-   * Function to execute on press.
-   */
-  onPress : PropTypes.func,//(e: GestureResponderEvent) => void;
-  style : StyleProp,
-  ref : PropTypes.object,
-}
-export default theme.withStyles(IconButtonComponent,{displayName:"IconButtonComponent"});