@axelor/aos-mobile-ui 8.0.6 → 8.1.0

package/README.md

@@ -29,13 +29,9 @@ Install the library :
 yarn add @axelor/aos-mobile-ui
 ```
 
-Compatibility with React v18.2.x and React Native v0.68.x.
+Compatibility with React v18.2.x and React Native v0.70.x.
 
-This package has a few required libraries as peer dependencies:
-
-- [react-native-vector-icons](https://www.npmjs.com/package/react-native-vector-icons)
-- [react-native-system-navigation-bar](https://www.npmjs.com/package/react-native-system-navigation-bar)
-- [react-native-pell-rich-editor](https://www.npmjs.com/package/react-native-pell-rich-editor)
+This package has a few required libraries as peer dependencies, please check package.json for more informations.
 
 ### Use of basic components
 

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface BlockInteractionScreenProps {
     children: ReactNode;
     hideHeader?: boolean;
 }
-declare const BlockInteractionScreen: ({ children, hideHeader, }: BlockInteractionScreenProps) => JSX.Element;
+declare const BlockInteractionScreen: ({ children, hideHeader, }: BlockInteractionScreenProps) => React.JSX.Element;
 export default BlockInteractionScreen;

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

@@ -6,5 +6,5 @@ interface BootstrapIconProps {
     color: ColorValue;
     style?: React.CSSProperties | unknown;
 }
-declare const _default: React.MemoExoticComponent<({ name, size, color, style }: BootstrapIconProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ name, size, color, style }: BootstrapIconProps) => React.JSX.Element>;
 export default _default;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 interface CardProps {
     style?: any;
     children: any;
 }
-declare const Card: ({ style, children }: CardProps) => JSX.Element;
+declare const Card: ({ style, children }: CardProps) => React.JSX.Element;
 export default Card;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface DottedLineProps {
     style?: any;
 }
-declare function DottedLine({ style }: DottedLineProps): JSX.Element;
+declare function DottedLine({ style }: DottedLineProps): React.JSX.Element;
 export default DottedLine;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface HorizontalRuleProps {
     style?: any;
 }
-declare const HorizontalRule: ({ style }: HorizontalRuleProps) => JSX.Element;
+declare const HorizontalRule: ({ style }: HorizontalRuleProps) => React.JSX.Element;
 export default HorizontalRule;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface HtmlInputProps {
     style?: any;
     styleToolbar?: any;
@@ -12,5 +13,5 @@ interface HtmlInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-declare const HtmlInput: ({ style, styleToolbar, containerStyle, editorBackgroundColor, title, placeholder, onChange, defaultInput, readonly, onHeightChange, onFocus, onBlur, }: HtmlInputProps) => JSX.Element;
+declare const HtmlInput: ({ style, styleToolbar, containerStyle, editorBackgroundColor, title, placeholder, onChange, defaultInput, readonly, onHeightChange, onFocus, onBlur, }: HtmlInputProps) => React.JSX.Element;
 export default HtmlInput;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IconProps {
     style?: any;
     name: string;
@@ -15,5 +16,5 @@ interface IconProps {
     visible?: boolean;
     onPress?: () => void;
 }
-declare const Icon: ({ style, name, isFontAwesome4, isFontAwesome5, color, size, touchable, visible, onPress, }: IconProps) => JSX.Element;
+declare const Icon: ({ style, name, isFontAwesome4, isFontAwesome5, color, size, touchable, visible, onPress, }: IconProps) => React.JSX.Element;
 export default Icon;

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

@@ -1,4 +1,4 @@
-import { LegacyRef } from 'react';
+import React, { LegacyRef } from 'react';
 import { KeyboardTypeOptions, NativeSyntheticEvent, TextInput, TextInputContentSizeChangeEventData } from 'react-native';
 interface InputProps {
     style?: any;
@@ -17,5 +17,5 @@ interface InputProps {
     writingType?: 'title' | 'subtitle' | 'important' | 'details' | undefined;
     onContentSizeChange?: (e: NativeSyntheticEvent<TextInputContentSizeChangeEventData>) => void;
 }
-declare const Input: ({ style, inputRef, value, onChange, placeholder, secureTextEntry, readOnly, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, writingType, onContentSizeChange, }: InputProps) => JSX.Element;
+declare const Input: ({ style, inputRef, value, onChange, placeholder, secureTextEntry, readOnly, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, writingType, onContentSizeChange, }: InputProps) => React.JSX.Element;
 export default Input;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface Offset {
     ios: number;
     android: number;
@@ -13,5 +13,5 @@ declare const KeyboardAvoidingScrollView: ({ globalStyle, style, children, keybo
     children: ReactNode;
     keyboardOffset?: Offset;
     refresh?: Refresh;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default KeyboardAvoidingScrollView;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const RadioButton: ({ style, onPress, selected, title, size, readonly, }: {
     onPress: () => void;
     selected: boolean;
@@ -5,5 +6,5 @@ declare const RadioButton: ({ style, onPress, selected, title, size, readonly, }
     title: string;
     size?: number;
     style?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default RadioButton;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface ScreenProps {
     style?: any;
     children: any;
@@ -5,5 +6,5 @@ interface ScreenProps {
     removeSpaceOnTop?: boolean;
     loading?: boolean;
 }
-declare const Screen: ({ style, children, fixedItems, removeSpaceOnTop, loading, }: ScreenProps) => JSX.Element;
+declare const Screen: ({ style, children, fixedItems, removeSpaceOnTop, loading, }: ScreenProps) => React.JSX.Element;
 export default Screen;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface Refresh {
     loading: boolean;
     fetcher: () => void;
@@ -7,5 +8,5 @@ interface ScrollViewProps {
     children?: any;
     refresh?: Refresh;
 }
-declare const ScrollView: ({ style, children, refresh }: ScrollViewProps) => JSX.Element;
+declare const ScrollView: ({ style, children, refresh }: ScrollViewProps) => React.JSX.Element;
 export default ScrollView;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 interface SwitchProps {
     isEnabled: boolean;
     style: any;
     readonly?: boolean;
     handleToggle: (any: any) => void;
 }
-declare const Switch: ({ isEnabled, handleToggle, style, readonly, }: SwitchProps) => JSX.Element;
+declare const Switch: ({ isEnabled, handleToggle, style, readonly, }: SwitchProps) => React.JSX.Element;
 export default Switch;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface TextProps {
     style?: any;
     numberOfLines?: number;
@@ -8,5 +9,5 @@ export interface TextProps {
     fontSize?: number;
     writingType?: 'title' | 'subtitle' | 'important' | 'details' | undefined;
 }
-declare const Text: ({ style, numberOfLines, adjustsFontSizeToFit, onTextLayout, children, textColor, fontSize, writingType, }: TextProps) => JSX.Element;
+declare const Text: ({ style, numberOfLines, adjustsFontSizeToFit, onTextLayout, children, textColor, fontSize, writingType, }: TextProps) => React.JSX.Element;
 export default Text;

package/lib/components/molecules/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ButtonProps } from '../Button/Button';
 interface ButtonConfig extends ButtonProps {
     hide?: boolean;
@@ -18,5 +19,5 @@ interface AlertProps {
     confirmButtonConfig?: ButtonConfig;
     translator?: (key: string) => string;
 }
-declare const Alert: ({ style, buttonsContainerStyle, visible, title, titleStyle, noBoldTitle, children, cancelButtonConfig, confirmButtonConfig, translator, }: AlertProps) => JSX.Element;
+declare const Alert: ({ style, buttonsContainerStyle, visible, title, titleStyle, noBoldTitle, children, cancelButtonConfig, confirmButtonConfig, translator, }: AlertProps) => React.JSX.Element;
 export default Alert;

package/lib/components/molecules/AttachmentCard/AttachmentCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface AttachmentCardProps {
     fileName: string;
     creationDate: string;
     onPress: () => void;
     translator: (translationKey: string) => string;
 }
-declare const AttachmentCard: ({ fileName, creationDate, onPress, translator, }: AttachmentCardProps) => JSX.Element;
+declare const AttachmentCard: ({ fileName, creationDate, onPress, translator, }: AttachmentCardProps) => React.JSX.Element;
 export default AttachmentCard;

package/lib/components/molecules/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../theme';
 interface BadgeProps {
     style?: any;
@@ -6,5 +7,5 @@ interface BadgeProps {
     color?: Color;
     numberOfLines?: number;
 }
-declare const Badge: ({ style, txtStyle, title, color, numberOfLines, }: BadgeProps) => JSX.Element;
+declare const Badge: ({ style, txtStyle, title, color, numberOfLines, }: BadgeProps) => React.JSX.Element;
 export default Badge;

package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * @description To use this component, please use
  * setBlockInteractionConfig({
@@ -14,5 +15,5 @@
  *             ],
  *           })
  */
-declare const BlockInteractionMessage: ({}: {}) => JSX.Element;
+declare const BlockInteractionMessage: ({}: {}) => React.JSX.Element;
 export default BlockInteractionMessage;

package/lib/components/molecules/Button/Button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../theme/themes';
 export interface ButtonProps {
     width?: string | number;
@@ -13,5 +14,5 @@ export interface ButtonProps {
     disabled?: boolean;
     onDisabledPress?: () => void;
 }
-declare const Button: ({ width, color, isNeutralBackground, iconName, iconSize, title, style, styleIcon, styleTxt, onPress, disabled, onDisabledPress, }: ButtonProps) => JSX.Element;
+declare const Button: ({ width, color, isNeutralBackground, iconName, iconSize, title, style, styleIcon, styleTxt, onPress, disabled, onDisabledPress, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/lib/components/molecules/CardIconButton/CardIconButton.d.ts

@@ -1,8 +1,10 @@
+import React from 'react';
 interface CardIconButtonProps {
     style?: any;
     iconName: string;
     iconColor: string;
     onPress: (any: any) => void;
+    onLongPress?: (any: any) => void;
 }
-declare const CardIconButton: ({ style, iconName, iconColor, onPress, }: CardIconButtonProps) => JSX.Element;
+declare const CardIconButton: ({ style, iconName, iconColor, onPress, onLongPress, }: CardIconButtonProps) => React.JSX.Element;
 export default CardIconButton;

package/lib/components/molecules/CardIconButton/CardIconButton.js

@@ -15,28 +15,29 @@
  * 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 React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { useThemeColor } from '../../../theme/ThemeContext';
-import { Icon } from '../../atoms';
-const CardIconButton = ({ style, iconName, iconColor, onPress = () => { }, }) => {
-    const Colors = useThemeColor();
-    const styles = useMemo(() => getStyles(Colors), [Colors]);
-    return (<TouchableOpacity style={[styles.container, style]} onPress={onPress} activeOpacity={0.4}>
-      <Icon size={20} name={iconName} color={iconColor}/>
+import { Card, Icon } from '../../atoms';
+const CardIconButton = ({ style, iconName, iconColor, onPress = () => { }, onLongPress = () => { }, }) => {
+    return (<TouchableOpacity style={[styles.container, style]} onLongPress={onLongPress} onPress={onPress} activeOpacity={0.9}>
+      <Card style={styles.cardContainer}>
+        <Icon size={20} name={iconName} color={iconColor}/>
+      </Card>
     </TouchableOpacity>);
 };
-const getStyles = Colors => StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
+        flex: 1,
+        margin: 2,
+    },
+    cardContainer: {
         height: '100%',
-        width: '90%',
-        borderRadius: 8,
+        width: '100%',
         alignSelf: 'center',
-        shadowOpacity: 0,
-        elevation: 0,
         justifyContent: 'center',
-        backgroundColor: Colors.backgroundColor,
-        margin: 2,
+        paddingHorizontal: 10,
+        paddingRight: 10,
+        paddingVertical: 10,
     },
 });
 export default CardIconButton;

package/lib/components/molecules/CardIconButton/CardIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CardIconButton/CardIconButton.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,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AASjC,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACE,EAAE,EAAE;IACxB,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,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,EACnD;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,QAAQ;QACnB,aAAa,EAAE,CAAC;QAChB,SAAS,EAAE,CAAC;QACZ,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CardIconButton/CardIconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAUvC,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,GACF,EAAE,EAAE;IACxB,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,EACnD;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;KACV;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/lib/components/molecules/CardIndicator/CardIndicator.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface CardIndicatorProps {
+    style?: any;
+    textIndicationStyle?: any;
+    indication?: string;
+    position?: 'left' | 'right';
+    children: any;
+    isVisible: boolean;
+    handleClose: () => void;
+    space?: number;
+}
+declare const CardIndicator: ({ style, textIndicationStyle, indication, position, children, isVisible, handleClose, space, }: CardIndicatorProps) => React.JSX.Element;
+export default CardIndicator;

package/lib/components/molecules/CardIndicator/CardIndicator.js

@@ -0,0 +1,55 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2024 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, useEffect, useRef } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
+import { checkNullString } from '../../../utils';
+import { Card, Text } from '../../atoms';
+const CardIndicator = ({ style, textIndicationStyle, indication, position = 'right', children, isVisible, handleClose, space = Dimensions.get('window').width * 0.08, }) => {
+    const wrapperRef = useRef(null);
+    const clickOutside = useClickOutside({ wrapperRef });
+    const styles = useMemo(() => getStyles(isVisible, position, space), [isVisible, position, space]);
+    useEffect(() => {
+        if (clickOutside === OUTSIDE_INDICATOR && isVisible) {
+            handleClose();
+        }
+    }, [clickOutside, isVisible, handleClose]);
+    return (<View ref={wrapperRef} style={[styles.container, style]}>
+      {children}
+      {!checkNullString(indication) && isVisible ? (<Card style={[styles.indicationCard, textIndicationStyle]}>
+          <Text>{indication}</Text>
+        </Card>) : null}
+    </View>);
+};
+const getStyles = (isOpen, position, space) => StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        zIndex: isOpen ? 50 : 0,
+    },
+    indicationCard: {
+        position: 'absolute',
+        paddingLeft: 10,
+        paddingVertical: 10,
+        paddingRight: 10,
+        zIndex: 99,
+        [position === 'left' ? 'right' : 'left']: space,
+    },
+});
+export default CardIndicator;
+//# sourceMappingURL=CardIndicator.js.map

package/lib/components/molecules/CardIndicator/CardIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardIndicator.js","sourceRoot":"","sources":["../../../../src/components/molecules/CardIndicator/CardIndicator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAavC,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,GAC1B,EAAE,EAAE;IACvB,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAC,UAAU,EAAC,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,EAC3C,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC7B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,iBAAiB,IAAI,SAAS,EAAE;YACnD,WAAW,EAAE,CAAC;SACf;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACtD;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAC3C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CACxD;UAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAC5C,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KACxB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK;KAChD;CACF,CAAC,CAAC;AAEL,eAAe,aAAa,CAAC"}

package/lib/components/molecules/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface CheckboxProps {
     style?: any;
     styleTxt?: any;
@@ -9,5 +10,5 @@ interface CheckboxProps {
     isDefaultPartialChecked?: boolean;
     onChange: (any: any) => void;
 }
-declare const Checkbox: ({ style, styleTxt, iconColor, iconSize, disabled, title, isDefaultChecked, isDefaultPartialChecked, onChange, }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ style, styleTxt, iconColor, iconSize, disabled, title, isDefaultChecked, isDefaultPartialChecked, onChange, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/lib/components/molecules/Chip/Chip.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../theme';
 interface ChipProps {
     selected: boolean;
@@ -8,5 +9,5 @@ interface ChipProps {
     marginHorizontal?: number;
     style?: any;
 }
-declare const Chip: ({ selected, title, onPress, selectedColor, width, marginHorizontal, style, }: ChipProps) => JSX.Element;
+declare const Chip: ({ selected, title, onPress, selectedColor, width, marginHorizontal, style, }: ChipProps) => React.JSX.Element;
 export default Chip;

package/lib/components/molecules/CircleButton/CircleButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../theme/themes';
 interface CircleButtonProps {
     square?: boolean;
@@ -10,5 +11,5 @@ interface CircleButtonProps {
     disabled?: boolean;
     onDisabledPress?: () => void;
 }
-declare const CircleButton: ({ square, size, color, isNeutralBackground, iconName, style, onPress, disabled, onDisabledPress, }: CircleButtonProps) => JSX.Element;
+declare const CircleButton: ({ square, size, color, isNeutralBackground, iconName, style, onPress, disabled, onDisabledPress, }: CircleButtonProps) => React.JSX.Element;
 export default CircleButton;

package/lib/components/molecules/ClearableCard/ClearableCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface ClearableCardPops {
     style?: any;
     valueTxt: string;
     onClearPress: () => void;
     clearable: boolean;
 }
-declare const ClearableCard: ({ style, valueTxt, onClearPress, clearable, }: ClearableCardPops) => JSX.Element;
+declare const ClearableCard: ({ style, valueTxt, onClearPress, clearable, }: ClearableCardPops) => React.JSX.Element;
 export default ClearableCard;

package/lib/components/molecules/DoubleIcon/DoubleIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const predefinedPositions: {
     left: {
         left: number;
@@ -48,5 +49,5 @@ interface DoubleIconProps {
         left?: number;
     };
 }
-declare const DoubleIcon: ({ style, topIconConfig, bottomIconConfig, size, predefinedPosition, topIconPosition, touchable, onPress, }: DoubleIconProps) => JSX.Element;
+declare const DoubleIcon: ({ style, topIconConfig, bottomIconConfig, size, predefinedPosition, topIconPosition, touchable, onPress, }: DoubleIconProps) => React.JSX.Element;
 export default DoubleIcon;

package/lib/components/molecules/DropdownCard/DropdownCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface DropdownCardProps {
     style?: any;
     styleText?: any;
@@ -8,5 +9,5 @@ interface DropdownCardProps {
     onPress?: () => void;
     showIcon?: boolean;
 }
-declare const DropdownCard: ({ style, styleText, styleContainer, title, dropdownIsOpen, children, onPress, showIcon, }: DropdownCardProps) => JSX.Element;
+declare const DropdownCard: ({ style, styleText, styleContainer, title, dropdownIsOpen, children, onPress, showIcon, }: DropdownCardProps) => React.JSX.Element;
 export default DropdownCard;

package/lib/components/molecules/DropdownMenu/DropdownMenu.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface DropdownMenuProps {
     children: any;
 }
-declare const DropdownMenu: ({ children }: DropdownMenuProps) => JSX.Element;
+declare const DropdownMenu: ({ children }: DropdownMenuProps) => React.JSX.Element;
 export default DropdownMenu;

package/lib/components/molecules/EditableInput/EditableInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface EditableInputProps {
     placeholder: string;
     onValidate: (any: any) => void;
@@ -5,5 +6,5 @@ interface EditableInputProps {
     multiline?: boolean;
     numberOfLines?: number;
 }
-declare const EditableInput: ({ placeholder, onValidate, defaultValue, multiline, numberOfLines, }: EditableInputProps) => JSX.Element;
+declare const EditableInput: ({ placeholder, onValidate, defaultValue, multiline, numberOfLines, }: EditableInputProps) => React.JSX.Element;
 export default EditableInput;

package/lib/components/molecules/FormHtmlInput/FormHtmlInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface FormHtmlInputProps {
     title: string;
     placeholder?: string;
@@ -8,5 +9,5 @@ interface FormHtmlInputProps {
     required?: boolean;
     onChange?: (any: any) => void;
 }
-declare const FormHtmlInput: ({ title, placeholder, defaultValue, readonly, hideIfNull, style, required, onChange, }: FormHtmlInputProps) => JSX.Element;
+declare const FormHtmlInput: ({ title, placeholder, defaultValue, readonly, hideIfNull, style, required, onChange, }: FormHtmlInputProps) => React.JSX.Element;
 export default FormHtmlInput;

package/lib/components/molecules/FormIncrementInput/FormIncrementInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { KeyboardTypeOptions } from 'react-native';
 interface FormIncrementInputProps {
     style?: any;
@@ -16,5 +17,5 @@ interface FormIncrementInputProps {
     keyboardType?: KeyboardTypeOptions;
     scale?: number;
 }
-declare const FormIncrementInput: ({ style, title, readOnly, required, defaultValue, decimalSpacer, thousandSpacer, onChange, defaultFormatting, stepSize, minValue, maxValue, isBigButton, keyboardType, scale, }: FormIncrementInputProps) => JSX.Element;
+declare const FormIncrementInput: ({ style, title, readOnly, required, defaultValue, decimalSpacer, thousandSpacer, onChange, defaultFormatting, stepSize, minValue, maxValue, isBigButton, keyboardType, scale, }: FormIncrementInputProps) => React.JSX.Element;
 export default FormIncrementInput;

package/lib/components/molecules/FormInput/FormInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { KeyboardTypeOptions } from 'react-native';
 interface FormInputProps {
     title: string;
@@ -12,5 +13,5 @@ interface FormInputProps {
     multiline?: boolean;
     adjustHeightWithLines?: boolean;
 }
-declare const FormInput: ({ title, defaultValue, readOnly, style, required, onChange, onSelection, onEndFocus, keyboardType, multiline, adjustHeightWithLines, }: FormInputProps) => JSX.Element;
+declare const FormInput: ({ title, defaultValue, readOnly, style, required, onChange, onSelection, onEndFocus, keyboardType, multiline, adjustHeightWithLines, }: FormInputProps) => React.JSX.Element;
 export default FormInput;

package/lib/components/molecules/FromTo/FromTo.d.ts

@@ -4,5 +4,5 @@ interface FromToProps {
     toComponent: React.ReactNode;
     style?: any;
 }
-declare function FromTo({ fromComponent, toComponent, style }: FromToProps): JSX.Element;
+declare function FromTo({ fromComponent, toComponent, style }: FromToProps): React.JSX.Element;
 export default FromTo;

package/lib/components/molecules/HalfLabelCard/HalfLabelCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface HalfLabelCardProps {
     style?: any;
     iconName: string;
     title: string;
     onPress: () => void;
 }
-declare const HalfLabelCard: ({ style, iconName, title, onPress, }: HalfLabelCardProps) => JSX.Element;
+declare const HalfLabelCard: ({ style, iconName, title, onPress, }: HalfLabelCardProps) => React.JSX.Element;
 export default HalfLabelCard;

package/lib/components/molecules/IconInput/IconInput.d.ts

@@ -1,4 +1,4 @@
-import { LegacyRef } from 'react';
+import React, { LegacyRef } from 'react';
 import { KeyboardTypeOptions, TextInput } from 'react-native';
 interface IconInputProps {
     style?: any;
@@ -18,5 +18,5 @@ interface IconInputProps {
     leftIconsList?: any[];
     rightIconsList?: any[];
 }
-declare const IconInput: ({ style, inputRef, value, onChange, placeholder, readOnly, required, secureTextEntry, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, leftIconsList, rightIconsList, }: IconInputProps) => JSX.Element;
+declare const IconInput: ({ style, inputRef, value, onChange, placeholder, readOnly, required, secureTextEntry, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, leftIconsList, rightIconsList, }: IconInputProps) => React.JSX.Element;
 export default IconInput;

package/lib/components/molecules/Image/Image.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ImageResizeMode, ImageSourcePropType, ImageStyle, StyleProp } from 'react-native';
 interface ImageProps {
     imageSize?: StyleProp<ImageStyle>;
@@ -6,5 +7,5 @@ interface ImageProps {
     source: ImageSourcePropType;
     defaultIconSize?: number;
 }
-declare const Image: ({ imageSize, generalStyle, resizeMode, source, defaultIconSize, }: ImageProps) => JSX.Element;
+declare const Image: ({ imageSize, generalStyle, resizeMode, source, defaultIconSize, }: ImageProps) => React.JSX.Element;
 export default Image;

package/lib/components/molecules/Increment/Increment.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { KeyboardTypeOptions } from 'react-native';
 interface IncrementProps {
     style?: any;
@@ -17,5 +18,5 @@ interface IncrementProps {
     keyboardType?: KeyboardTypeOptions;
     scale?: number;
 }
-declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly, defaultFormatting, stepSize, minValue, maxValue, isBigButton, keyboardType, scale, }: IncrementProps) => JSX.Element;
+declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly, defaultFormatting, stepSize, minValue, maxValue, isBigButton, keyboardType, scale, }: IncrementProps) => React.JSX.Element;
 export default Increment;

package/lib/components/molecules/Increment/IncrementButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IncrementButtonProps {
     style?: any;
     iconName: 'plus-lg' | 'dash-lg';
@@ -6,5 +7,5 @@ interface IncrementButtonProps {
     disabled?: boolean;
     isBigButton?: boolean;
 }
-declare const IncrementButton: ({ style, iconName, onPress, readonly, disabled, isBigButton, }: IncrementButtonProps) => JSX.Element;
+declare const IncrementButton: ({ style, iconName, onPress, readonly, disabled, isBigButton, }: IncrementButtonProps) => React.JSX.Element;
 export default IncrementButton;

package/lib/components/molecules/Label/Label.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color } from '../../../theme';
 type LabelType = 'info' | 'success' | 'danger' | 'error';
 interface LabelProps {
@@ -10,5 +11,5 @@ interface LabelProps {
     showClose?: boolean;
     onClose?: () => void;
 }
-declare const Label: ({ style, message, type, iconName, color, visible, showClose, onClose, }: LabelProps) => JSX.Element;
+declare const Label: ({ style, message, type, iconName, color, visible, showClose, onClose, }: LabelProps) => React.JSX.Element;
 export default Label;

package/lib/components/molecules/LabelText/LabelText.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface LabelTextProps {
     style?: any;
     iconStyle?: any;
@@ -10,5 +11,5 @@ interface LabelTextProps {
     iconName?: string;
     onlyOneLine?: boolean;
 }
-declare const LabelText: ({ style, iconStyle, textStyle, title, value, size, textSize, color, iconName, onlyOneLine, }: LabelTextProps) => JSX.Element;
+declare const LabelText: ({ style, iconStyle, textStyle, title, value, size, textSize, color, iconName, onlyOneLine, }: LabelTextProps) => React.JSX.Element;
 export default LabelText;