@axelor/aos-mobile-ui 7.1.0 → 7.1.2

package/lib/components/organisms/SearchBar/SearchBar.js

@@ -16,31 +16,54 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { getCommonStyles } from '../../../utils/commons-styles';
-import { useThemeColor } from '../../../theme/ThemeContext';
-import { Icon } from '../../atoms';
-import { IconInput } from '../../molecules';
-const SearchBar = ({ style, inputRef, valueTxt, placeholder, onClearPress, onChangeTxt, onSelection = () => { }, onEndFocus = () => { }, onScanPress = () => { }, scanIconColor = null, onSearchPress = () => { }, disableSearchPress = false, }) => {
+import { StyleSheet, View } from 'react-native';
+import { checkNullString, getCommonStyles } from '../../../utils';
+import { useThemeColor } from '../../../theme';
+import { Icon, Text } from '../../atoms';
+import { FormInput, IconInput } from '../../molecules';
+const SearchBar = ({ title, style, inputRef, valueTxt, placeholder, required = false, readonly, onClearPress, onChangeTxt, onSelection = () => { }, onEndFocus = () => { }, onScanPress = () => { }, scanIconColor = null, onSearchPress = () => { }, disableSearchPress = false, }) => {
     const Colors = useThemeColor();
-    const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
-    return (<IconInput inputRef={inputRef} style={[
+    const _required = useMemo(() => required && checkNullString(valueTxt), [required, valueTxt]);
+    const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
+    const styles = useMemo(() => getStyles(Colors, _required), [Colors, _required]);
+    if (readonly) {
+        return (<FormInput style={[styles.container, style]} title={title} defaultValue={valueTxt} readOnly/>);
+    }
+    return (<View style={[styles.container, style]}>
+      {title && <Text style={styles.title}>{title}</Text>}
+      <IconInput inputRef={inputRef} style={[
             commonStyles.filter,
             commonStyles.filterAlign,
             commonStyles.filterSize,
-            style,
+            styles.content,
         ]} value={valueTxt} placeholder={placeholder} onChange={onChangeTxt} onSelection={onSelection} onEndFocus={onEndFocus} rightIconsList={[
-            <Icon style={styles.action} name="times" color={Colors.secondaryColor_dark.background} size={20} touchable={true} visible={valueTxt != null && valueTxt !== ''} onPress={onClearPress}/>,
+            <Icon style={styles.action} name="times" color={Colors.secondaryColor_dark.background} size={20} touchable={true} visible={!checkNullString(valueTxt)} onPress={onClearPress}/>,
             <Icon style={styles.action} name="search" color={disableSearchPress
                     ? Colors.secondaryColor.background
                     : Colors.secondaryColor_dark.background} onPress={onSearchPress} touchable={!disableSearchPress} size={20}/>,
-            <Icon style={styles.action} name="qrcode" FontAwesome5={false} color={scanIconColor} size={20} touchable={true} visible={scanIconColor != null} onPress={onScanPress}/>,
-        ]}/>);
+            <Icon style={styles.action} name="qrcode" FontAwesome5={false} color={scanIconColor} size={20} touchable={true} visible={!checkNullString(scanIconColor)} onPress={onScanPress}/>,
+        ]}/>
+    </View>);
 };
-const styles = StyleSheet.create({
+const getStyles = (Colors, _required) => StyleSheet.create({
     action: {
         marginLeft: 12,
     },
+    container: {
+        width: '100%',
+    },
+    content: {
+        width: '100%',
+        borderColor: _required
+            ? Colors.errorColor.background
+            : Colors.secondaryColor.background,
+        borderWidth: 1,
+        marginHorizontal: 0,
+        minHeight: 40,
+    },
+    title: {
+        marginLeft: 10,
+    },
 });
 export default SearchBar;
 //# sourceMappingURL=SearchBar.js.map

package/lib/components/organisms/SearchBar/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/organisms/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/organisms/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,UAAU,EAAa,IAAI,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAoBrD,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,kBAAkB,GAAG,KAAK,GACX,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,EAC3C,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAClC,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,QAAQ,EACR,CACH,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACnD;MAAA,CAAC,SAAS,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,WAAW;YACxB,YAAY,CAAC,UAAU;YACvB,MAAM,CAAC,OAAO;SACf,CAAC,CACF,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAC7C,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,YAAY,CAAC,EACtB;YACF,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,QAAQ,CACb,KAAK,CAAC,CACJ,kBAAkB;oBAChB,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU;oBAClC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAC1C,CACD,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAC/B,IAAI,CAAC,CAAC,EAAE,CAAC,EACT;YACF,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,QAAQ,CACb,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CACzC,OAAO,CAAC,CAAC,WAAW,CAAC,EACrB;SACH,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,SAAkB,EAAE,EAAE,CAC5D,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,UAAU,EAAE,EAAE;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,SAAS;YACpB,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU;YAC9B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU;QACpC,WAAW,EAAE,CAAC;QACd,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}

package/lib/components/organisms/index.d.ts

@@ -5,7 +5,6 @@ export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem
 export { default as FloatingButton } from './FloatingButton/FloatingButton';
 export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
-export { default as MultiSelectValue } from './MultiSelectValue/MultiSelectValue';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
 export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';

package/lib/components/organisms/index.js

@@ -22,7 +22,6 @@ export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem
 export { default as FloatingButton } from './FloatingButton/FloatingButton';
 export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
 export { default as ImageBubble } from './ImageBubble/ImageBubble';
-export { default as MultiSelectValue } from './MultiSelectValue/MultiSelectValue';
 export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
 export { default as Picker } from './Picker/Picker';
 export { default as PopUpOneButton } from './PopUpOneButton/PopUpOneButton';

package/lib/components/organisms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC"}

package/lib/components/templates/ObjectCard/ObjectCard.d.ts

@@ -33,6 +33,8 @@ interface ImageElement {
 }
 interface ObjectCardProps {
     style?: any;
+    leftContainerFlex?: number;
+    iconLeftMargin?: number;
     touchable?: boolean;
     onPress?: () => void;
     showArrow?: boolean;
@@ -60,5 +62,5 @@ interface ObjectCardProps {
         items: TextElement[];
     };
 }
-declare const ObjectCard: ({ style, touchable, onPress, showArrow, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }: ObjectCardProps) => JSX.Element;
+declare const ObjectCard: ({ style, leftContainerFlex, iconLeftMargin, touchable, onPress, showArrow, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }: ObjectCardProps) => JSX.Element;
 export default ObjectCard;

package/lib/components/templates/ObjectCard/ObjectCard.js

@@ -34,7 +34,7 @@ const filterList = (list) => {
     })
         .sort((a, b) => a.order - b.order);
 };
-const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }) => {
+const ObjectCard = ({ style, leftContainerFlex = 3, iconLeftMargin = 20, touchable = true, onPress, showArrow = true, upperBadges, sideBadges, lowerBadges, upperTexts, lowerTexts, image, }) => {
     const Colors = useThemeColor();
     const initBadgeItems = useCallback((list) => filterList(list), []);
     const initTextItems = useCallback((list) => filterList(list).map((_item) => {
@@ -43,7 +43,7 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
          * but keep the possibility to give 'null' value to adapt to text length
          */
         if (_item.numberOfLines === undefined) {
-            return { ..._item, numberOfLines: 1 };
+            return { ..._item, numberOfLines: _item.isTitle ? 2 : 1 };
         }
         return _item;
     }), []);
@@ -94,9 +94,9 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
             {initBadgeItems(upperBadges.items).map(renderBadgeElement)}
           </View>)}
         <View style={styles.content}>
-          <View style={styles.descriptionContainer}>
+          <View style={[styles.descriptionContainer, { flex: leftContainerFlex }]}>
             <View style={styles.row}>
-              {image != null ? (<Image generalStyle={[styles.imageStyle, image.generalStyle]} imageSize={[styles.imageSize, image.imageSize]} resizeMode={image.resizeMode ?? 'contain'} source={image.source} defaultIconSize={image.defaultIconSize ?? 60}/>) : null}
+              {image != null ? (<Image generalStyle={[styles.imageStyle, image.generalStyle]} imageSize={[styles.imageSize, image.imageSize]} resizeMode={image.resizeMode ?? 'contain'} source={image.source} defaultIconSize={image.defaultIconSize ?? 50}/>) : null}
               {upperTexts != null && (<View style={[styles.textContainer, upperTexts.style]}>
                   {initTextItems(upperTexts.items).map(renderTextElement)}
                 </View>)}
@@ -110,7 +110,7 @@ const ObjectCard = ({ style, touchable = true, onPress, showArrow = true, upperB
           {sideBadges != null && (<View style={[styles.verticalBadgesContainer, sideBadges.style]}>
               {initBadgeItems(sideBadges.items).map(renderBadgeElement)}
             </View>)}
-          {showArrow && (<Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20}/>)}
+          {showArrow && (<Icon name="chevron-right" color={Colors.secondaryColor.background_light} size={20} style={{ marginLeft: iconLeftMargin }}/>)}
         </View>
         {lowerBadges != null && (<View style={[
                 styles.horizontalBadgesContainer,
@@ -149,7 +149,6 @@ const styles = StyleSheet.create({
     descriptionContainer: {
         flexDirection: 'column',
         width: '75%',
-        flex: 3,
     },
     row: {
         flexDirection: 'row',

package/lib/components/templates/ObjectCard/ObjectCard.js.map

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

package/lib/components/templates/TabsScreen/IndicatorBadge.d.ts

@@ -0,0 +1,4 @@
+declare const IndicatorBadge: ({ count }: {
+    count: any;
+}) => JSX.Element;
+export default IndicatorBadge;

package/lib/components/{organisms/MultiSelectValue/MultiSelectValue.js → templates/TabsScreen/IndicatorBadge.js}

@@ -17,33 +17,31 @@
  */
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useThemeColor } from '../../../theme/ThemeContext';
+import { useThemeColor } from '../../../theme';
 import { Badge } from '../../molecules';
-import { Text } from '../../atoms';
-const MultiSelectValue = ({ color, itemList, style, title, }) => {
+import { BADGE_SIZE } from './tabs.helper';
+const IndicatorBadge = ({ count }) => {
     const Colors = useThemeColor();
-    return (<View style={[styles.container, style]}>
-      <Text style={styles.title}>{title}</Text>
-      {itemList != null && itemList?.length > 0
-            ? itemList.map((item, index) => (<Badge key={'index' + index} title={item} color={color || Colors.primaryColor} style={styles.badge}/>))
-            : null}
+    return (<View style={countBadgeStyles.badgeContainer}>
+      <Badge title={count} style={countBadgeStyles.badge} txtStyle={countBadgeStyles.badgeTxt} color={Colors.primaryColor}/>
     </View>);
 };
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        alignItems: 'center',
+const countBadgeStyles = StyleSheet.create({
+    badgeContainer: {
+        height: BADGE_SIZE,
+        width: BADGE_SIZE + 10,
+        alignItems: 'flex-end',
     },
     badge: {
+        borderRadius: Math.ceil(BADGE_SIZE / 2),
+        minWidth: BADGE_SIZE,
+        height: BADGE_SIZE,
+        position: 'absolute',
         width: null,
-        marginVertical: 2,
-        paddingHorizontal: 5,
     },
-    title: {
-        fontSize: 14,
-        marginRight: 10,
+    badgeTxt: {
+        fontWeight: 'bold',
     },
 });
-export default MultiSelectValue;
-//# sourceMappingURL=MultiSelectValue.js.map
+export default IndicatorBadge;
+//# sourceMappingURL=IndicatorBadge.js.map

package/lib/components/templates/TabsScreen/IndicatorBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorBadge.js","sourceRoot":"","sources":["../../../../src/components/templates/TabsScreen/IndicatorBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACjC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAC3C;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAC9B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAE/B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IACzC,cAAc,EAAE;QACd,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU,GAAG,EAAE;QACtB,UAAU,EAAE,UAAU;KACvB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACvC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,IAAI;KACZ;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/lib/components/templates/TabsScreen/Tab.d.ts

@@ -0,0 +1,3 @@
+import { TabProps } from './tabs.helper';
+declare const Tab: ({ title, onPress, isActive, disabled, count, showBadge, style, }: TabProps) => JSX.Element;
+export default Tab;

package/lib/components/templates/TabsScreen/Tab.js

@@ -0,0 +1,50 @@
+/*
+ * 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 { useThemeColor } from '../../../theme';
+import { Text } from '../../atoms';
+import IndicatorBadge from './IndicatorBadge';
+const Tab = ({ title, onPress, isActive = false, disabled = false, count, showBadge, style, }) => {
+    const Colors = useThemeColor();
+    return (<TouchableOpacity activeOpacity={0.95} onPress={onPress} disabled={disabled || isActive} style={[
+            tabStyles.container,
+            {
+                borderColor: isActive
+                    ? Colors.primaryColor.background
+                    : Colors.backgroundColor,
+                backgroundColor: Colors.backgroundColor,
+            },
+            style,
+        ]}>
+      <Text numberOfLines={1} fontSize={16}>
+        {title}
+      </Text>
+      {showBadge && <IndicatorBadge count={count}/>}
+    </TouchableOpacity>);
+};
+const tabStyles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignContent: 'center',
+    },
+});
+export default Tab;
+//# sourceMappingURL=Tab.js.map

package/lib/components/templates/TabsScreen/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/templates/TabsScreen/Tab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,MAAM,GAAG,GAAG,CAAC,EACX,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,KAAK,GACI,EAAE,EAAE;IACb,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,gBAAgB,CACf,aAAa,CAAC,CAAC,IAAI,CAAC,CACpB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAC/B,KAAK,CAAC,CAAC;YACL,SAAS,CAAC,SAAS;YACnB;gBACE,WAAW,EAAE,QAAQ;oBACnB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU;oBAChC,CAAC,CAAC,MAAM,CAAC,eAAe;gBAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;aACxC;YACD,KAAK;SACN,CAAC,CACF;MAAA,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACnC;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,SAAS,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAChD;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC;IAClC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/lib/components/templates/TabsScreen/TabsScreen.d.ts

@@ -0,0 +1,3 @@
+import { TabsScreenProps } from './tabs.helper';
+declare const TabsScreen: ({ style, viewStyle, position, tabHeight, items, }: TabsScreenProps) => JSX.Element;
+export default TabsScreen;

package/lib/components/templates/TabsScreen/TabsScreen.js

@@ -0,0 +1,169 @@
+/*
+ * 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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Dimensions, Platform, ScrollView, StyleSheet, View } from 'react-native';
+import SystemNavigationBar from 'react-native-system-navigation-bar';
+import { useThemeColor } from '../../../theme';
+import { TabsPosition, capitalizeFirstLetter, } from './tabs.helper';
+import Tab from './Tab';
+import { useConfig } from '../../../config/ConfigContext';
+import { Icon } from '../../atoms';
+const MIN_TAB_WIDTH = 100;
+const immersiveMode = async () => {
+    await SystemNavigationBar.navigationHide();
+};
+const TabsScreen = ({ style, viewStyle, position = Platform.OS === 'ios' ? TabsPosition.Bottom : TabsPosition.Top, tabHeight = 60, items, }) => {
+    const Colors = useThemeColor();
+    const { showActivityIndicator } = useConfig();
+    const [showLeftIcon, setShowLeftIcon] = useState(false);
+    const [showRightIcon, setShowRightIcon] = useState(false);
+    const [panels, setPanels] = useState(items?.filter(_tab => !_tab.hidden));
+    useEffect(() => {
+        immersiveMode();
+    }, []);
+    useEffect(() => {
+        setPanels(current => {
+            const activeTabKey = current.find(_item => _item.isActive)?.key;
+            return items
+                ?.filter(_tab => !_tab.hidden)
+                .map(_item => _item.key === activeTabKey
+                ? { ..._item, isActive: true }
+                : { ..._item, isActive: false });
+        });
+    }, [items]);
+    const swicthTab = useCallback((tabKey) => {
+        setPanels(_current => {
+            return _current.map(item => item.key === tabKey
+                ? { ...item, isActive: true }
+                : { ...item, isActive: false });
+        });
+    }, []);
+    const getTabStyle = useCallback(nbTabs => {
+        const tabWidth = Dimensions.get('window').width / nbTabs;
+        return {
+            [`border${capitalizeFirstLetter(position === TabsPosition.Top
+                ? TabsPosition.Bottom
+                : TabsPosition.Top)}Width`]: 3,
+            height: tabHeight,
+            width: tabWidth < MIN_TAB_WIDTH ? MIN_TAB_WIDTH : tabWidth,
+            minWidth: 100,
+        };
+    }, [position, tabHeight]);
+    const tabsScroll = useMemo(() => {
+        const getIconStyle = side => [
+            styles.icon,
+            { top: tabHeight / 3, [side]: 15 },
+        ];
+        const tabsLength = panels.length;
+        return (<View style={[
+                { height: tabHeight, backgroundColor: Colors.backgroundColor },
+                styles.scroll,
+            ]}>
+        {showLeftIcon && (<Icon name="angle-left" style={getIconStyle('left')}/>)}
+        <ScrollView horizontal={true} onContentSizeChange={width => {
+                if (parseInt(width.toString(), 10) < Dimensions.get('window').width) {
+                    setShowRightIcon(false);
+                }
+                else {
+                    setShowRightIcon(true);
+                }
+            }} onScroll={({ nativeEvent }) => {
+                const { contentOffset, layoutMeasurement, contentSize } = nativeEvent;
+                if (contentSize.width <= Dimensions.get('window').width) {
+                    setShowRightIcon(false);
+                    setShowLeftIcon(false);
+                }
+                else {
+                    if (contentOffset.x >
+                        contentSize.width * 0.9 - layoutMeasurement.width) {
+                        setShowRightIcon(false);
+                    }
+                    else {
+                        setShowRightIcon(true);
+                    }
+                    if (contentOffset.x < contentSize.width * 0.1) {
+                        setShowLeftIcon(false);
+                    }
+                    else {
+                        setShowLeftIcon(true);
+                    }
+                }
+            }}>
+          {panels?.map(_item => (<Tab key={_item.key} title={_item.title} isActive={_item.isActive} disabled={_item.disabled} count={_item.count} showBadge={_item.showBadge} onPress={() => swicthTab(_item.key)} style={getTabStyle(tabsLength)}/>))}
+        </ScrollView>
+        {showRightIcon && (<Icon name="angle-right" style={getIconStyle('right')}/>)}
+      </View>);
+    }, [
+        Colors,
+        getTabStyle,
+        panels,
+        showLeftIcon,
+        showRightIcon,
+        swicthTab,
+        tabHeight,
+    ]);
+    const activeView = useMemo(() => {
+        if (!Array.isArray(panels) || panels.length === 0) {
+            return;
+        }
+        const activeTab = panels.filter(item => item.isActive)?.[0];
+        if (activeTab == null) {
+            swicthTab(panels[0].key);
+            return;
+        }
+        return activeTab.view;
+    }, [panels, swicthTab]);
+    if (!Array.isArray(panels) || panels.length === 0) {
+        return <View />;
+    }
+    return (<View pointerEvents={showActivityIndicator === true ? 'none' : 'auto'} style={[
+            styles.container,
+            {
+                backgroundColor: Colors.screenBackgroundColor,
+            },
+            style,
+        ]}>
+      {position === TabsPosition.Top ? tabsScroll : null}
+      <View style={[styles.view, viewStyle]}>{activeView}</View>
+      {position === TabsPosition.Bottom ? tabsScroll : null}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        height: '98%',
+        width: Dimensions.get('window').width,
+    },
+    scroll: {
+        flexDirection: 'row',
+    },
+    icon: {
+        position: 'absolute',
+        zIndex: 15,
+    },
+    leftIcon: {
+        left: 20,
+    },
+    rightIcon: {
+        right: 10,
+    },
+    view: {
+        height: '95%',
+    },
+});
+export default TabsScreen;
+//# sourceMappingURL=TabsScreen.js.map

package/lib/components/templates/TabsScreen/TabsScreen.js.map

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

package/lib/components/templates/TabsScreen/tabs.helper.d.ts

@@ -0,0 +1,32 @@
+export interface Tab {
+    key: number;
+    title: string;
+    view?: JSX.Element;
+    hidden?: boolean;
+    isActive?: boolean;
+    disabled?: boolean;
+    count?: number;
+    showBadge?: boolean;
+}
+export interface TabProps {
+    style?: any;
+    title: string;
+    onPress: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    count?: number;
+    showBadge?: boolean;
+}
+export interface TabsScreenProps {
+    style?: any;
+    viewStyle?: any;
+    position?: TabsPosition;
+    tabHeight?: number;
+    items?: Tab[];
+}
+export declare enum TabsPosition {
+    Bottom = "bottom",
+    Top = "top"
+}
+export declare const BADGE_SIZE = 27;
+export declare const capitalizeFirstLetter: (string: string) => string;

package/lib/components/templates/TabsScreen/tabs.helper.js

@@ -0,0 +1,27 @@
+/*
+ * 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/>.
+ */
+export var TabsPosition;
+(function (TabsPosition) {
+    TabsPosition["Bottom"] = "bottom";
+    TabsPosition["Top"] = "top";
+})(TabsPosition || (TabsPosition = {}));
+export const BADGE_SIZE = 27;
+export const capitalizeFirstLetter = (string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};
+//# sourceMappingURL=tabs.helper.js.map

package/lib/components/templates/TabsScreen/tabs.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.helper.js","sourceRoot":"","sources":["../../../../src/components/templates/TabsScreen/tabs.helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AA+BH,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,2BAAW,CAAA;AACb,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAE7B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAc,EAAU,EAAE;IAC9D,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC"}

package/lib/components/templates/index.d.ts

@@ -1 +1,2 @@
 export { default as ObjectCard } from "./ObjectCard/ObjectCard";
+export { default as TabsScreen } from "./TabsScreen/TabsScreen";

package/lib/components/templates/index.js

@@ -16,4 +16,5 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export { default as ObjectCard } from './ObjectCard/ObjectCard';
+export { default as TabsScreen } from './TabsScreen/TabsScreen';
 //# sourceMappingURL=index.js.map

package/lib/components/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/templates/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/templates/index.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC"}

package/lib/theme/writingTheme.js

@@ -20,11 +20,11 @@ export const writingDefaultTheme = {
     key: 'default',
     name: 'Default',
     style: {
-        defaultSize: 14,
-        title: { fontSize: 16, fontWeight: 'bold', fontStyle: 'normal' },
+        defaultSize: 16,
+        title: { fontSize: 18, fontWeight: 'bold', fontStyle: 'normal' },
         subTitle: { fontSize: 16, fontWeight: 'normal', fontStyle: 'normal' },
-        textImportant: { fontSize: 14, fontWeight: 'bold', fontStyle: 'normal' },
-        textDetails: { fontSize: 14, fontWeight: 'normal', fontStyle: 'italic' },
+        textImportant: { fontSize: 16, fontWeight: 'bold', fontStyle: 'normal' },
+        textDetails: { fontSize: 16, fontWeight: 'normal', fontStyle: 'italic' },
     },
 };
 export const useWritingType = (type) => {