@axelor/aos-mobile-ui 0.0.1

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

@@ -0,0 +1,11 @@
+import { Color } from '../../../theme/themes';
+interface ChipProps {
+    selected: boolean;
+    title: string;
+    onPress: (any: any) => void;
+    selectedColor: Color;
+    width?: number;
+    marginHorizontal?: number;
+}
+declare const Chip: ({ selected, title, onPress, selectedColor, width, marginHorizontal, }: ChipProps) => JSX.Element;
+export default Chip;

package/lib/components/molecules/Chip/Chip.js

@@ -0,0 +1,69 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 { Dimensions, StyleSheet, View, TouchableOpacity } from 'react-native';
+import { Text } from '../../atoms';
+import { useThemeColor } from '../../../theme/ThemeContext';
+const Chip = ({ selected, title, onPress, selectedColor, width = Dimensions.get('window').width * 0.4, marginHorizontal = 12, }) => {
+    const Colors = useThemeColor();
+    const chipColor = useMemo(() => (selectedColor == null ? Colors.primaryColor : selectedColor), [Colors.primaryColor, selectedColor]);
+    const colorStyle = useMemo(() => selected
+        ? getStyles(chipColor, Colors).selected
+        : getStyles(chipColor, Colors).notSelected, [Colors, chipColor, selected]);
+    return (<TouchableOpacity style={getWidth(width, marginHorizontal)} onPress={onPress} activeOpacity={0.8}>
+      <View style={[styles.container, colorStyle]}>
+        <Text textColor={selected ? chipColor.foreground : Colors.text} fontSize={14}>
+          {title}
+        </Text>
+      </View>
+    </TouchableOpacity>);
+};
+const getStyles = (selectedColor, Colors) => StyleSheet.create({
+    selected: {
+        backgroundColor: selectedColor.background_light,
+        borderLeftWidth: 3,
+        borderLeftColor: selectedColor.background,
+        borderRightWidth: 3,
+        borderRightColor: selectedColor.background,
+    },
+    notSelected: {
+        backgroundColor: Colors.backgroundColor,
+        borderLeftWidth: 3,
+        borderLeftColor: selectedColor.background,
+        borderRightWidth: 3,
+        borderRightColor: selectedColor.background,
+    },
+});
+const getWidth = (width, margin) => StyleSheet.create({
+    width: width,
+    marginHorizontal: margin,
+});
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignContent: 'center',
+        paddingVertical: 5,
+        marginVertical: 2,
+        borderRadius: 20,
+        elevation: 3,
+    },
+});
+export default Chip;
+//# sourceMappingURL=Chip.js.map

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

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

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

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

package/lib/components/molecules/ClearableCard/ClearableCard.js

@@ -0,0 +1,43 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, Dimensions } from 'react-native';
+import { getCommonStyles } from '../../../utils/commons-styles';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Card, Icon, Text } from '../../atoms';
+const ClearableCard = ({ style, valueTxt, onClearPress, clearable = true, }) => {
+    const Colors = useThemeColor();
+    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
+    return (<Card style={[
+            commonStyles.filter,
+            commonStyles.filterAlign,
+            commonStyles.filterSize,
+            style,
+        ]}>
+      <Text style={styles.text}>{valueTxt}</Text>
+      {clearable && (<Icon name="times" touchable={true} onPress={onClearPress} size={Dimensions.get('window').width * 0.05}/>)}
+    </Card>);
+};
+const styles = StyleSheet.create({
+    text: {
+        width: '95%',
+        margin: 1,
+    },
+});
+export default ClearableCard;
+//# sourceMappingURL=ClearableCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/ClearableCard/ClearableCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAS7C,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,GAAG,IAAI,GACE,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,WAAW;YACxB,YAAY,CAAC,UAAU;YACvB,KAAK;SACN,CAAC,CACF;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAC1C;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CACH,IAAI,CAAC,OAAO,CACZ,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EAC5C,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,10 @@
+interface DropdownCardProps {
+    style?: any;
+    styleText?: any;
+    title: string;
+    children: any;
+    DropdownIsOpen?: boolean;
+    onPress?: () => void;
+}
+declare const DropdownCard: ({ style, styleText, title, DropdownIsOpen, children, onPress, }: DropdownCardProps) => JSX.Element;
+export default DropdownCard;

package/lib/components/molecules/DropdownCard/DropdownCard.js

@@ -0,0 +1,84 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, useState } from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { animationUtil } from '../../../tools/AnimationUtil';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Card, Icon, Text } from '../../atoms';
+const DropdownCard = ({ style, styleText, title, DropdownIsOpen = false, children, onPress, }) => {
+    const [isOpen, setIsOpen] = useState(DropdownIsOpen);
+    const Colors = useThemeColor();
+    const styles = useMemo(() => {
+        return getStyles(Colors);
+    }, [Colors]);
+    const displayCard = useMemo(() => {
+        return onPress ? DropdownIsOpen : isOpen;
+    }, [DropdownIsOpen, isOpen, onPress]);
+    const handleCardPress = () => {
+        animationUtil.animateNext();
+        onPress ? onPress() : setIsOpen(!isOpen);
+    };
+    return (<View style={styles.container}>
+      <TouchableOpacity style={styles.touchable} onPress={handleCardPress} activeOpacity={0.95}>
+        <Card style={[styles.containerTouchable, style]}>
+          <Text style={styleText} numberOfLines={1}>
+            {title}
+          </Text>
+          <Icon name={displayCard ? 'chevron-up' : 'chevron-down'} color={Colors.primaryColor.background}/>
+        </Card>
+      </TouchableOpacity>
+      {displayCard && <Card style={styles.containerChildren}>{children}</Card>}
+    </View>);
+};
+const getStyles = Colors => StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: Dimensions.get('window').width * 0.9,
+    },
+    touchable: {
+        zIndex: 2,
+    },
+    containerTouchable: {
+        width: Dimensions.get('window').width * 0.9,
+        height: 40,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingVertical: 5,
+        marginVertical: 4,
+        marginRight: 16,
+        marginLeft: 18,
+        paddingRight: 50,
+        paddingLeft: 10,
+    },
+    containerChildren: {
+        backgroundColor: Colors.backgroundColor,
+        width: Dimensions.get('window').width * 0.9,
+        paddingTop: 25,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 10,
+        marginTop: -20,
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+    },
+});
+export default DropdownCard;
+//# sourceMappingURL=DropdownCard.js.map

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

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

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

@@ -0,0 +1,5 @@
+interface DropdownMenuProps {
+    children: any;
+}
+declare const DropdownMenu: ({ children }: DropdownMenuProps) => JSX.Element;
+export default DropdownMenu;

package/lib/components/molecules/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,57 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Card, Icon } from '../../atoms';
+const DropdownMenu = ({ children }) => {
+    const [visible, setVisible] = useState(false);
+    const Colors = useThemeColor();
+    const wrapperRef = useRef(null);
+    const clickOutside = useClickOutside({ wrapperRef, visible });
+    useEffect(() => {
+        if (clickOutside === OUTSIDE_INDICATOR && visible) {
+            setVisible(false);
+        }
+    }, [clickOutside, visible]);
+    return (<View ref={wrapperRef}>
+      <Icon name="ellipsis-v" color={Colors.primaryColor.background} size={22} style={styles.action} touchable={true} onPress={() => {
+            setVisible(!visible);
+        }}/>
+      {visible && <Card style={styles.menuContainer}>{children}</Card>}
+    </View>);
+};
+const styles = StyleSheet.create({
+    menuContainer: {
+        width: 255,
+        top: 30,
+        right: -12,
+        borderRadius: 5,
+        paddingHorizontal: 10,
+        paddingVertical: 5,
+        position: 'absolute',
+        elevation: 6,
+    },
+    action: {
+        marginRight: 5,
+        marginLeft: 15,
+    },
+});
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAMvC,MAAM,YAAY,GAAG,CAAC,EAAC,QAAQ,EAAoB,EAAE,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAC,UAAU,EAAE,OAAO,EAAC,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,iBAAiB,IAAI,OAAO,EAAE;YACjD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CACpB;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC,EAEJ;MAAA,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAClE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,KAAK,EAAE,GAAG;QACV,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,CAAC,EAAE;QACV,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,CAAC;KACb;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+interface DropdownMenuItemProps {
+    icon?: string;
+    placeholder: string;
+    onPress: (any: any) => void;
+}
+declare const DropdownMenuItem: ({ icon, placeholder, onPress, }: DropdownMenuItemProps) => JSX.Element;
+export default DropdownMenuItem;

package/lib/components/molecules/DropdownMenuItem/DropdownMenuItem.js

@@ -0,0 +1,42 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { Icon, Text } from '../../atoms';
+const DropdownMenuItem = ({ icon = 'paperclip', placeholder, onPress, }) => {
+    return (<TouchableOpacity onPress={onPress} style={styles.menuItem}>
+      <Icon name={icon} size={15} style={styles.icon}/>
+      <Text style={styles.text}>{placeholder}</Text>
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    menuItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 5,
+        padding: 5,
+    },
+    text: {
+        fontSize: 18,
+    },
+    icon: {
+        marginRight: 10,
+    },
+});
+export default DropdownMenuItem;
+//# sourceMappingURL=DropdownMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownMenuItem/DropdownMenuItem.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;AAQvC,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,GAAG,WAAW,EAClB,WAAW,EACX,OAAO,GACe,EAAE,EAAE;IAC1B,OAAO,CACL,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACzD;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAC/C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAC/C;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;KACX;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;KACb;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,9 @@
+interface EditableInputProps {
+    placeholder: string;
+    onValidate: (any: any) => void;
+    defaultValue: string | undefined;
+    multiline?: boolean;
+    numberOfLines?: number;
+}
+declare const EditableInput: ({ placeholder, onValidate, defaultValue, multiline, numberOfLines, }: EditableInputProps) => JSX.Element;
+export default EditableInput;

package/lib/components/molecules/EditableInput/EditableInput.js

@@ -0,0 +1,65 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { getCommonStyles } from '../../../utils/commons-styles';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Icon, Input } from '../../atoms';
+const EditableInput = ({ placeholder, onValidate, defaultValue, multiline = false, numberOfLines = 1, }) => {
+    const Colors = useThemeColor();
+    const [isEditable, setEditable] = useState(true);
+    const [value, setValue] = useState(defaultValue);
+    const handleIcon = () => {
+        setEditable(!isEditable);
+        if (!isEditable) {
+            onValidate(value == null ? '' : value);
+        }
+    };
+    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
+    return (<View style={[
+            commonStyles.filter,
+            commonStyles.filterAlign,
+            multiline ? styles.size : commonStyles.filterSize,
+        ]}>
+      <Input style={styles.input} placeholder={placeholder} value={value} onChange={text => setValue(text)} readOnly={isEditable} multiline={multiline} numberOfLines={numberOfLines}/>
+      <View style={styles.actions}>
+        <TouchableOpacity onPress={handleIcon}>
+          <Icon name={isEditable ? 'pencil-alt' : 'check'} size={15}/>
+        </TouchableOpacity>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    size: {
+        width: '90%',
+        minHeight: 40,
+    },
+    input: {
+        width: '80%',
+        fontSize: 14,
+    },
+    actions: {
+        width: '20%',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        alignItems: 'flex-start',
+    },
+});
+export default EditableInput;
+//# sourceMappingURL=EditableInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/EditableInput/EditableInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAUxC,MAAM,aAAa,GAAG,CAAC,EACrB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,CAAC,GACE,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;QACzB,IAAI,CAAC,UAAU,EAAE;YACf,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SACxC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,WAAW;YACxB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU;SAClD,CAAC,CACF;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CACjC,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,aAAa,CAAC,CAAC,aAAa,CAAC,EAE/B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CACpC;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC5D;QAAA,EAAE,gBAAgB,CACpB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,UAAU;QAC1B,UAAU,EAAE,YAAY;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FromToProps {
+    fromComponent: React.ReactNode;
+    toComponent: React.ReactNode;
+    style?: any;
+}
+declare function FromTo({ fromComponent, toComponent, style }: FromToProps): JSX.Element;
+export default FromTo;

package/lib/components/molecules/FromTo/FromTo.js

@@ -0,0 +1,44 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useThemeColor } from '../../../theme/ThemeContext';
+import { Icon } from '../../atoms';
+function FromTo({ fromComponent, toComponent, style }) {
+    const Colors = useThemeColor();
+    return (<View style={[styles.container, style]}>
+      {fromComponent}
+      <View style={styles.panel}>
+        <Icon name="chevron-right" size={35} color={Colors.primaryColor.background}/>
+      </View>
+      {toComponent}
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        width: '100%',
+    },
+    panel: {
+        flexGrow: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+export default FromTo;
+//# sourceMappingURL=FromTo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FromTo.js","sourceRoot":"","sources":["../../../../src/components/molecules/FromTo/FromTo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAQjC,SAAS,MAAM,CAAC,EAAC,aAAa,EAAE,WAAW,EAAE,KAAK,EAAc;IAC9D,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,aAAa,CACd;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,eAAe,CACpB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EAE1C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}

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

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

package/lib/components/molecules/HalfLabelCard/HalfLabelCard.js

@@ -0,0 +1,51 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 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 from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
+import { Card, Icon, Text } from '../../atoms';
+const HalfLabelCard = ({ style, iconName, title, onPress, }) => {
+    return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
+      <Card style={[styles.container, style]}>
+        <Icon name={iconName}/>
+        <Text style={styles.text} numberOfLines={2}>
+          {title}
+        </Text>
+        <Icon name="chevron-right"/>
+      </Card>
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    container: {
+        width: Dimensions.get('window').width * 0.45,
+        height: 70,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingLeft: 20,
+        paddingRight: 15,
+        marginVertical: 5,
+        marginLeft: 12,
+    },
+    text: {
+        marginHorizontal: '2%',
+        width: Dimensions.get('window').width * 0.2,
+        textAlign: 'center',
+    },
+});
+export default HalfLabelCard;
+//# sourceMappingURL=HalfLabelCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HalfLabelCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/HalfLabelCard/HalfLabelCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAS7C,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,GACY,EAAE,EAAE;IACvB,OAAO,CACL,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CACrD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EACrB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACzC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAC5B;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,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,IAAI;QACtB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC3C,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const HeaderIndicator: () => JSX.Element;
+export default HeaderIndicator;