@axelor/aos-mobile-ui 8.3.8 → 8.4.1

package/README.md

@@ -20,6 +20,7 @@ It contains:
 - Writing themes management system with basic theme
 - UseOutsideClick hook to notify components when the user clicked outside of itself
 - Basic animation tools
+- and many more...
 
 ## Usage
 
@@ -29,207 +30,9 @@ Install the library :
 yarn add @axelor/aos-mobile-ui
 ```
 
-Compatibility with React v18.2.x and React Native v0.70.x.
-
 This package has a few required libraries as peer dependencies, please check package.json for more informations.
 
-### Use of basic components
-
-You can import components from the main bundle:
-
-```typescript
-import {Button} from '@axelor/aos-mobile-ui';
-```
-
-Then, you can use it as a regular component with the specified props :
-
-```typescript
-<Button title="Save" onPress={() => console.log('Pressed')} />
-```
-
-### Use themes management system
-
-This package provides a context to manage themes system. To use this context you need to wrap your application with the ThemeProvider component. You can also define additional themes and the default theme value through the component props:
-
-```typescript
-import { ThemeProvider } from '@axelor/aos-mobile-ui';
-
-...
-
-<ThemeProvider themes={themes} defaultTheme={defaultTheme}>
-    ...
-</ThemeProvider>
-```
-
-A theme in the application has the following structure:
-
-```typescript
-export interface Theme {
-  key: string;
-  name: string;
-  colors: ThemeColors;
-}
-
-export interface ThemeColors {
-  screenBackgroundColor: string;
-  backgroundColor: string;
-  primaryColor: Color;
-  secondaryColor: Color;
-  secondaryColor_dark: Color;
-  errorColor: Color;
-  cautionColor: Color;
-  plannedColor: Color;
-  progressColor: Color;
-  priorityColor: Color;
-  defaultColor: Color;
-  importantColor: Color;
-  successColor: Color;
-  warningColor: Color;
-  inverseColor: Color;
-  infoColor: Color;
-  text: string;
-  placeholderTextColor: string;
-}
-
-export interface Color {
-  background_light: string; // This color is a lighter variation of the main color
-  foreground: string; // This color is mainly used for text to maintain a good contrast with the background color
-  background: string; // This is the main color for this structure
-}
-```
-
-Once the context is in place, you can access current theme colors with the hook `useThemeColor`. Then, you can use the colors directly in your components:
-
-```typescript
-import { Button, useThemeColor } from '@axelor/aos-mobile-ui';
-
-...
-
-const Colors = useThemeColor();
-
-...
-<Button
-    title="Save"
-    color={Colors.primaryColor}
-    onPress={() => console.log("Pressed")}
-/>
-```
-
-### Use writing themes management system
-
-Writing themes management system is based on the same structure as theme system defined above with a context provider called `WritingThemeProvider`.
-
-A writing theme in the application has the following structure:
-
-```typescript
-export interface Writing {
-  key: string;
-  name: string;
-  style: WritingStyles;
-}
-
-export interface WritingStyles {
-  defaultSize: number;
-  title: TextStyle;
-  subTitle: TextStyle;
-  textImportant: TextStyle;
-  textDetails: TextStyle;
-}
-
-export interface TextStyle {
-  fontSize?: number;
-  fontWeight?: 'normal' | 'bold';
-  fontStyle?: 'normal' | 'italic';
-}
-```
-
-Once the context is in place, you can access the current theme with the hook `useWritingStyle`. Then, you can use the writing styles directly in your components:
-
-```typescript
-import { Text, useWritingStyle } from '@axelor/aos-mobile-ui';
-
-...
-
-const Writing = useWritingStyle();
-
-...
-<Text style={Writing.title}>Hello World</Text>
-```
-
-### Use outside click notifier
-
-This package provides a context provider to notify components when the user clicks out, this provider is called `OutsideAlerterProvider` and should wrap the application component.
-
-Once the context is in place, you can ask to be notified in the component by using the hook `useClickOutside`. This hook needs the reference of the global view of your component and a boolean to know if the component is active:
-
-```typescript
-import { OUTSIDE_INDICATOR, useClickOutside } from '@axelor/aos-mobile-ui';
-
-...
-
-const ComponentName = (...) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const wrapperRef = useRef(null);
-  const clickOutside = useClickOutside({wrapperRef, visible: isOpen});
-
-  useEffect(() => {
-    if (clickOutside === OUTSIDE_INDICATOR && isOpen) {
-      setIsOpen(false);
-    }
-  }, [clickOutside, isOpen]);
-
-  return (
-    <View ref={wrapperRef}>
-      ...
-    </View>
-  );
-};
-```
-
-### Use animation tools
-
-This package provides basic tools to create animation in your application.
-
-All you have to do is to call the method `animateNext` from the object `animationUtil`. This method can take the animation config as an optional parameter or nothing. If nothing is provided, it will use the default config defined in the package:
-
-```typescript
-  {
-    easeInEaseOut: LayoutAnimation.Presets.easeInEaseOut,
-    linear: LayoutAnimation.Presets.linear,
-    spring: LayoutAnimation.Presets.spring,
-  };
-```
-
-For example, if you want to animate the appearance and disappearance of a component children:
-
-```typescript
-import { animationUtil, Icon, useThemeColor } from '@axelor/aos-mobile-ui';
-
-...
-
-const ComponentName = ({children}) => {
-  const [isVisible, setVisible] = useState(true);
-  const Colors = useThemeColor();
-
-  const handleExpandPress = useCallback(() => {
-    animationUtil.animateNext();
-    setVisible(!isVisible);
-  }, [isVisible]);
-
-  return (
-    <View>
-        {isVisible && children}
-        <TouchableOpacity onPress={handleExpandPress}>
-          <Icon
-            name={isVisible ? 'angle-up' : 'angle-down'}
-            size={22}
-            color={Colors.primaryColor.background}
-          />
-        </TouchableOpacity>
-    </View>
-  );
-};
-```
+For more information about how to use the tools, please check the [documentation](https://docs.axelor.com/aos-mobile/).
 
 ## Developpment
 

package/lib/components/atoms/BlockInteractionScreen/BlockInteractionScreen.js

@@ -18,18 +18,18 @@
 import React, { useMemo } from 'react';
 import { View, StyleSheet, Dimensions } from 'react-native';
 import { useThemeColor } from '../../../theme';
-import { useConfig } from '../../../config/ConfigContext';
+import { useConfig } from '../../../config';
 const DEFAULT_TOP_OFFSET = 0;
 const BlockInteractionScreen = ({ children, hideHeader = false, }) => {
     const { headerHeight } = useConfig();
     const Colors = useThemeColor();
-    const styles = useMemo(() => getStyles(hideHeader ? DEFAULT_TOP_OFFSET : headerHeight, Colors), [Colors, headerHeight, hideHeader]);
-    return (<View style={styles.container}>
+    const styles = useMemo(() => getStyles(hideHeader ? DEFAULT_TOP_OFFSET : headerHeight, Colors.secondaryColor.background), [Colors, headerHeight, hideHeader]);
+    return (<View style={styles.container} testID="blockInteractionContainer">
       <View style={styles.greyCard}/>
       {children}
     </View>);
 };
-const getStyles = (topOffset, Colors) => StyleSheet.create({
+const getStyles = (topOffset, color) => StyleSheet.create({
     container: {
         position: 'absolute',
         top: topOffset,
@@ -40,7 +40,7 @@ const getStyles = (topOffset, Colors) => StyleSheet.create({
         marginTop: 15,
         justifyContent: 'center',
         alignItems: 'center',
-        backgroundColor: Colors.secondaryColor.background,
+        backgroundColor: color,
         opacity: 0.2,
         height: Dimensions.get('window').height * 2,
         top: -50,

package/lib/components/atoms/BlockInteractionScreen/BlockInteractionScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockInteractionScreen.js","sourceRoot":"","sources":["../../../../src/components/atoms/BlockInteractionScreen/BlockInteractionScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAOxD,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,EACR,UAAU,GAAG,KAAK,GACU,EAAE,EAAE;IAChC,MAAM,EAAC,YAAY,EAAC,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,EACvE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAC7B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CACtC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,GAAG;KACZ;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACjD,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC;QAC3C,GAAG,EAAE,CAAC,EAAE;QACR,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;QACrC,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"BlockInteractionScreen.js","sourceRoot":"","sources":["../../../../src/components/atoms/BlockInteractionScreen/BlockInteractionScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,EACR,UAAU,GAAG,KAAK,GACU,EAAE,EAAE;IAChC,MAAM,EAAC,YAAY,EAAC,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,SAAS,CACP,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EAC9C,MAAM,CAAC,cAAc,CAAC,UAAU,CACjC,EACH,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,2BAA2B,CAC/D;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAC7B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE,CACrD,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,GAAG;KACZ;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,KAAK;QACtB,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC;QAC3C,GAAG,EAAE,CAAC,EAAE;QACR,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;QACrC,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,sBAAsB,CAAC"}

package/lib/components/atoms/BootstrapIcon/BootstrapIcon.js

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import Svg, { Path } from 'react-native-svg';
+import { Svg, Path } from 'react-native-svg';
 import Text from '../Text/Text';
 import iconsMap from '../../../icons/bootstrap-icon-map.json';
 import { useThemeColor } from '../../../theme';
@@ -27,7 +27,7 @@ const BootstrapIcon = ({ name, size, color, style }) => {
     }
     const _pathList = iconsMap[name];
     if (_pathList) {
-        return (<Svg width={size} height={size} viewBox="0 0 16 16" fill={color} style={style}>
+        return (<Svg width={size} height={size} viewBox="0 0 16 16" fill={color} style={style} testID={`icon-${name}`}>
         {_pathList.map((_path, index) => (<Path key={index} d={_path}/>))}
       </Svg>);
     }

package/lib/components/atoms/BootstrapIcon/BootstrapIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapIcon.js","sourceRoot":"","sources":["../../../../src/components/atoms/BootstrapIcon/BootstrapIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC3C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAS7C,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,CAAC,GAAG,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb;QAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAG,CAC/B,CAAC,CACJ;MAAA,EAAE,GAAG,CAAC,CACP,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,IAAI,GAAG,CAAC;SACnB,CAAC,CACF;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"BootstrapIcon.js","sourceRoot":"","sources":["../../../../src/components/atoms/BootstrapIcon/BootstrapIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC3C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAS7C,MAAM,aAAa,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,CAAC,GAAG,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CACvB;QAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAG,CAC/B,CAAC,CACJ;MAAA,EAAE,GAAG,CAAC,CACP,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,IAAI,GAAG,CAAC;SACnB,CAAC,CACF;;IACF,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/lib/components/atoms/Card/Card.js

@@ -21,7 +21,9 @@ import { useThemeColor } from '../../../theme';
 const Card = ({ style, children }) => {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return <View style={[styles.container, style]}>{children}</View>;
+    return (<View testID="cardContainer" style={[styles.container, style]}>
+      {children}
+    </View>);
 };
 const getStyles = (Colors) => StyleSheet.create({
     container: {

package/lib/components/atoms/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAO1D,MAAM,IAAI,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAY,EAAE,EAAE;IAC5C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,eAAe,EAAE,MAAM,CAAC,eAAe;KACxC;CACF,CAAC,CAAC;AAEL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/atoms/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAO1D,MAAM,IAAI,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAY,EAAE,EAAE;IAC5C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAC5D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;QACnC,eAAe,EAAE,MAAM,CAAC,eAAe;KACxC;CACF,CAAC,CAAC;AAEL,eAAe,IAAI,CAAC"}

package/lib/components/atoms/DottedLine/DottedLine.js

@@ -21,7 +21,7 @@ import { useThemeColor } from '../../../theme';
 function DottedLine({ style }) {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return <View style={[styles.dottedLine, style]}/>;
+    return <View testID="dottedLine" style={[styles.dottedLine, style]}/>;
 }
 const getStyles = (Colors) => StyleSheet.create({
     dottedLine: {

package/lib/components/atoms/DottedLine/DottedLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DottedLine.js","sourceRoot":"","sources":["../../../../src/components/atoms/DottedLine/DottedLine.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AACxD,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAM1D,SAAS,UAAU,CAAC,EAAC,KAAK,EAAkB;IAC1C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;AACrD,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE;QACV,WAAW,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACvD,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU;QAClD,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DottedLine.js","sourceRoot":"","sources":["../../../../src/components/atoms/DottedLine/DottedLine.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AACxD,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAM1D,SAAS,UAAU,CAAC,EAAC,KAAK,EAAkB;IAC1C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;AACzE,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE;QACV,WAAW,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACvD,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU;QAClD,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}

package/lib/components/atoms/HorizontalRule/HorizontalRule.js

@@ -23,7 +23,7 @@ const HorizontalRule = ({ style }) => {
     const styles = useMemo(() => {
         return getStyles(Colors);
     }, [Colors]);
-    return <View style={[styles.line, style]}/>;
+    return <View testID="horizontalRule" style={[styles.line, style]}/>;
 };
 const getStyles = Colors => StyleSheet.create({
     line: {

package/lib/components/atoms/HorizontalRule/HorizontalRule.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalRule.js","sourceRoot":"","sources":["../../../../src/components/atoms/HorizontalRule/HorizontalRule.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAM7C,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAsB,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HorizontalRule.js","sourceRoot":"","sources":["../../../../src/components/atoms/HorizontalRule/HorizontalRule.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAM7C,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAsB,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAG,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}

package/lib/components/atoms/HtmlInput/HtmlInput.js

@@ -18,7 +18,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { View, ScrollView } from 'react-native';
 import { actions, RichEditor, RichToolbar } from 'react-native-pell-rich-editor';
-import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
+import { OUTSIDE_INDICATOR, useClickOutside } from '../../../hooks';
 import { useThemeColor } from '../../../theme';
 import { Text } from '../../atoms';
 const HtmlInput = ({ style, styleToolbar, containerStyle, editorBackgroundColor, title, placeholder = '', onChange = () => { }, defaultInput = '', readonly = false, onHeightChange = () => { }, onFocus = () => { }, onBlur = () => { }, }) => {
@@ -41,7 +41,7 @@ const HtmlInput = ({ style, styleToolbar, containerStyle, editorBackgroundColor,
         onBlur();
     }, [onBlur]);
     useEffect(() => {
-        if (defaultInput == null || defaultInput === '') {
+        if (editor.current && (defaultInput == null || defaultInput === '')) {
             editor.current.setContentHTML('');
             if (editor.current.isKeyboardOpen) {
                 editor.current.dismissKeyboard();
@@ -58,8 +58,8 @@ const HtmlInput = ({ style, styleToolbar, containerStyle, editorBackgroundColor,
             editor.current?.blurContentEditor?.();
         }
     }, [clickOutside, isFocused]);
-    return (<ScrollView ref={wrapperRef} contentContainerStyle={containerStyle}>
-      <ScrollView style={[style]}>
+    return (<ScrollView ref={wrapperRef} testID="htmlInputScrollView" contentContainerStyle={containerStyle}>
+      <ScrollView testID="htmlInputInnerScroll" style={style}>
         <View>
           {title != null ? <Text>{title}</Text> : null}
           <RichEditor key={key} ref={editor} placeholder={placeholder} androidHardwareAccelerationDisabled={true} androidLayerType="software" initialContentHTML={defaultInput} onChange={onChange} disabled={readonly} 

package/lib/components/atoms/HtmlInput/HtmlInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/HtmlInput/HtmlInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HtmlInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/HtmlInput/HtmlInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/atoms/Icon/Icon.d.ts

@@ -2,19 +2,11 @@ import React from 'react';
 interface IconProps {
     style?: any;
     name: string;
-    /**
-     * @deprecated The prop should not be used anymore. FontAwesome icons will be removed in next version.
-     */
-    isFontAwesome4?: boolean;
-    /**
-     * @deprecated The prop should not be used anymore. FontAwesome icons will be removed in next version.
-     */
-    isFontAwesome5?: boolean;
     color?: string;
     size?: number;
     touchable?: boolean;
     visible?: boolean;
     onPress?: () => void;
 }
-declare const Icon: ({ style, name, isFontAwesome4, isFontAwesome5, color, size, touchable, visible, onPress, }: IconProps) => React.JSX.Element;
+declare const Icon: ({ style, name, color, size, touchable, visible, onPress, }: IconProps) => React.JSX.Element;
 export default Icon;

package/lib/components/atoms/Icon/Icon.js

@@ -15,40 +15,21 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React, { useMemo, useCallback } from 'react';
-import { Platform, StyleSheet, TouchableOpacity } from 'react-native';
-import Icon5 from 'react-native-vector-icons/FontAwesome5';
-import Icon4 from 'react-native-vector-icons/FontAwesome';
+import React, { useMemo } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 import { useThemeColor } from '../../../theme';
 import BootstrapIcon from '../BootstrapIcon/BootstrapIcon';
-const Icon = ({ style, name, isFontAwesome4 = false, isFontAwesome5 = false, color, size = 18, touchable = false, visible = true, onPress = () => { }, }) => {
+const Icon = ({ style, name, color, size = 18, touchable = false, visible = true, onPress = () => { }, }) => {
     const Colors = useThemeColor();
-    const styles = useMemo(() => {
-        return getStyles(color == null ? Colors.secondaryColor_dark.background : color, size);
-    }, [Colors, color, size]);
-    const renderIcon = useCallback(() => {
-        if (isFontAwesome5 && Platform.OS !== 'web') {
-            return <Icon5 name={name} style={styles.icon}/>;
-        }
-        else if (isFontAwesome4) {
-            return <Icon4 name={name} style={styles.icon}/>;
-        }
-        else {
-            return <BootstrapIcon name={name} size={size} color={color}/>;
-        }
-    }, [color, isFontAwesome4, isFontAwesome5, name, size, styles]);
+    const _color = useMemo(() => color ?? Colors.secondaryColor_dark.background, [Colors.secondaryColor_dark.background, color]);
     if (!visible) {
         return null;
     }
-    return (<TouchableOpacity style={[styles.container, style]} onPress={onPress} disabled={!touchable}>
-      {renderIcon()}
+    return (<TouchableOpacity style={[styles.container, style]} onPress={onPress} disabled={!touchable} testID="iconTouchable">
+      <BootstrapIcon name={name} size={size} color={_color}/>
     </TouchableOpacity>);
 };
-const getStyles = (color, size) => StyleSheet.create({
-    icon: {
-        color: color,
-        fontSize: size,
-    },
+const styles = StyleSheet.create({
     container: {
         flexDirection: 'row',
         justifyContent: 'center',

package/lib/components/atoms/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,MAAM,wCAAwC,CAAC;AAC3D,OAAO,KAAK,MAAM,uCAAuC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAoB3D,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,EACL,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACR,EAAE,EAAE;IACd,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CACd,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC7D,IAAI,CACL,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,cAAc,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC;SAClD;aAAM,IAAI,cAAc,EAAE;YACzB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAC;SAClD;aAAM;YACL,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC;SAChE;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CACrB;MAAA,CAAC,UAAU,EAAE,CACf;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;KACf;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAY3D,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACR,EAAE,EAAE;IACd,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,UAAU,EACpD,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,KAAK,CAAC,CAC/C,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,eAAe,CACtB;MAAA,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EACvD;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.d.ts

@@ -1,4 +1,8 @@
 import React, { ReactNode } from 'react';
+export declare const DEFAULT_OFFSET: {
+    ios: number;
+    android: number;
+};
 interface Offset {
     ios: number;
     android: number;

package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js

@@ -17,15 +17,15 @@
  */
 import React, { useMemo } from 'react';
 import { KeyboardAvoidingView, Platform, RefreshControl, ScrollView, StyleSheet, } from 'react-native';
-const DEFAULT_OFFSET = { ios: 70, android: 115 };
+export const DEFAULT_OFFSET = { ios: 70, android: 115 };
 const KeyboardAvoidingScrollView = ({ globalStyle, style, children, keyboardOffset = DEFAULT_OFFSET, refresh, }) => {
     const keyboardVerticalOffset = useMemo(() => {
         return { ...DEFAULT_OFFSET, ...keyboardOffset };
     }, [keyboardOffset]);
-    return (<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} style={[styles.containerKeyboard, getZIndexStyles(5)]} keyboardVerticalOffset={Platform.OS === 'ios'
+    return (<KeyboardAvoidingView testID="keyboardAvoidingView" behavior={Platform.OS === 'ios' ? 'padding' : 'height'} style={[styles.containerKeyboard, getZIndexStyles(5)]} keyboardVerticalOffset={Platform.OS === 'ios'
             ? keyboardVerticalOffset?.ios
             : keyboardVerticalOffset?.android}>
-      <ScrollView style={globalStyle} keyboardShouldPersistTaps="handled" contentContainerStyle={[getZIndexStyles(10), style]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher}/>)}>
+      <ScrollView testID="keyboardAvoidingScrollView" style={globalStyle} keyboardShouldPersistTaps="handled" contentContainerStyle={[getZIndexStyles(10), style]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher}/>)}>
         {children}
       </ScrollView>
     </KeyboardAvoidingView>);

package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardAvoidingScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,MAAM,cAAc,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAC,CAAC;AAY/C,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAc,GAAG,cAAc,EAC/B,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAC,GAAG,cAAc,EAAE,GAAG,cAAc,EAAC,CAAC;IAChD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,oBAAoB,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,sBAAsB,CAAC,CACrB,QAAQ,CAAC,EAAE,KAAK,KAAK;YACnB,CAAC,CAAC,sBAAsB,EAAE,GAAG;YAC7B,CAAC,CAAC,sBAAsB,EAAE,OAAO,CACpC,CACD;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,yBAAyB,CAAC,SAAS,CACnC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACpD,cAAc,CAAC,CACb,OAAO,IAAI,IAAI,IAAI,CACjB,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAC3B,CACH,CACF,CACD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"KeyboardAvoidingScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,cAAc,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAC,CAAC;AAYtD,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAc,GAAG,cAAc,EAC/B,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAC,GAAG,cAAc,EAAE,GAAG,cAAc,EAAC,CAAC;IAChD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,oBAAoB,CACnB,MAAM,CAAC,sBAAsB,CAC7B,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,sBAAsB,CAAC,CACrB,QAAQ,CAAC,EAAE,KAAK,KAAK;YACnB,CAAC,CAAC,sBAAsB,EAAE,GAAG;YAC7B,CAAC,CAAC,sBAAsB,EAAE,OAAO,CACpC,CACD;MAAA,CAAC,UAAU,CACT,MAAM,CAAC,4BAA4B,CACnC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,yBAAyB,CAAC,SAAS,CACnC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACpD,cAAc,CAAC,CACb,OAAO,IAAI,IAAI,IAAI,CACjB,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAC3B,CACH,CACF,CACD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,0BAA0B,CAAC"}

package/lib/components/atoms/ProgressCircle/ProgressCircle.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ProgressCircleProps {
+    circleSize?: number;
+    strokeWidth?: number;
+    isError?: boolean;
+    progress: number;
+    innerText?: string;
+    writingType?: 'title' | 'subtitle' | 'important' | 'details' | undefined;
+    textStyle?: any;
+}
+declare const ProgressCircle: ({ circleSize, strokeWidth, isError, progress, innerText, writingType, textStyle, }: ProgressCircleProps) => React.JSX.Element;
+export default ProgressCircle;

package/lib/components/atoms/ProgressCircle/ProgressCircle.js

@@ -0,0 +1,54 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2025 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Svg, Circle } from 'react-native-svg';
+import { useThemeColor } from '../../../theme';
+import { Text } from '../../atoms';
+const ProgressCircle = ({ circleSize = 80, strokeWidth = 4, isError = false, progress, innerText, writingType = 'important', textStyle, }) => {
+    const Colors = useThemeColor();
+    const { radius, circumference, strokeDashoffset } = useMemo(() => {
+        const _radius = circleSize / 2 - strokeWidth / 2;
+        const _circumference = 2 * Math.PI * _radius;
+        return {
+            radius: _radius,
+            circumference: _circumference,
+            strokeDashoffset: _circumference - _circumference * progress,
+        };
+    }, [circleSize, progress, strokeWidth]);
+    return (<Svg width={circleSize} height={circleSize}>
+      <Circle cx={circleSize / 2} cy={circleSize / 2} r={radius} stroke={Colors.secondaryColor.background_light} strokeWidth={strokeWidth} fill="none" testID="internalCircle"/>
+      <Circle cx={circleSize / 2} cy={circleSize / 2} r={radius} stroke={isError
+            ? Colors.errorColor.background
+            : Colors.successColor.background} strokeLinecap="round" strokeWidth={strokeWidth} strokeDasharray={`${circumference} ${circumference}`} strokeDashoffset={strokeDashoffset} rotation="-90" origin={`${circleSize / 2}, ${circleSize / 2}`} fill="none" testID="progressCircle"/>
+      <View style={styles.textContainer}>
+        <Text writingType={writingType} style={textStyle} adjustsFontSizeToFit>
+          {innerText}
+        </Text>
+      </View>
+    </Svg>);
+};
+const styles = StyleSheet.create({
+    textContainer: {
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+export default ProgressCircle;
+//# sourceMappingURL=ProgressCircle.js.map

package/lib/components/atoms/ProgressCircle/ProgressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../../src/components/atoms/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAYjC,MAAM,cAAc,GAAG,CAAC,EACtB,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,WAAW,EACzB,SAAS,GACW,EAAE,EAAE;IACxB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,EAAC,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7D,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;QACjD,MAAM,cAAc,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC;QAE7C,OAAO;YACL,MAAM,EAAE,OAAO;YACf,aAAa,EAAE,cAAc;YAC7B,gBAAgB,EAAE,cAAc,GAAG,cAAc,GAAG,QAAQ;SAC7D,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CACzC;MAAA,CAAC,MAAM,CACL,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CACnB,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CACnB,CAAC,CAAC,CAAC,MAAM,CAAC,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC/C,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,gBAAgB,EAEzB;MAAA,CAAC,MAAM,CACL,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CACnB,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CACnB,CAAC,CAAC,CAAC,MAAM,CAAC,CACV,MAAM,CAAC,CACL,OAAO;YACL,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU;YAC9B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CACnC,CACD,aAAa,CAAC,OAAO,CACrB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,eAAe,CAAC,CAAC,GAAG,aAAa,IAAI,aAAa,EAAE,CAAC,CACrD,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,KAAK,CACd,MAAM,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,KAAK,UAAU,GAAG,CAAC,EAAE,CAAC,CAC/C,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,gBAAgB,EAEzB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,oBAAoB,CACpE;UAAA,CAAC,SAAS,CACZ;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/lib/components/atoms/RadioButton/RadioButton.js

@@ -23,9 +23,9 @@ const DEFAULT_SIZE = 20;
 const RadioButton = ({ style, onPress, selected, title, size = DEFAULT_SIZE, readonly = false, }) => {
     const Colors = useThemeColor();
     const styles = useMemo(() => getStyles(Colors, size), [Colors, size]);
-    return (<TouchableOpacity onPress={onPress} disabled={readonly} style={[styles.container, selected ? styles.selectedCard : null, style]}>
+    return (<TouchableOpacity accessibilityRole="button" onPress={onPress} disabled={readonly} style={[styles.container, selected ? styles.selectedCard : null, style]}>
       <View style={styles.buttonExt}>
-        {selected ? <View style={styles.buttonInt}/> : null}
+        {selected ? <View testID="radio" style={styles.buttonInt}/> : null}
       </View>
       <Text textColor={readonly ? Colors.secondaryColor.background : Colors.text} style={styles.title}>
         {title}

package/lib/components/atoms/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}