@axelor/aos-mobile-ui 8.1.6 → 8.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/atoms/HtmlInput/HtmlInput.js +2 -0
- package/lib/components/atoms/HtmlInput/HtmlInput.js.map +1 -1
- package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js +1 -1
- package/lib/components/atoms/Screen/Screen.js +4 -1
- package/lib/components/atoms/Screen/Screen.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js +13 -10
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.js +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/Indicator.js +2 -2
- package/lib/components/templates/BottomBar/BottomBar.d.ts +2 -1
- package/lib/components/templates/BottomBar/BottomBar.js +14 -7
- package/lib/components/templates/BottomBar/BottomBar.js.map +1 -1
- package/lib/components/templates/BottomBar/types.helper.d.ts +4 -9
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/HtmlInput/HtmlInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAmBjC,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,EACzB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,GACF,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,IAAI,IAAI,IAAI,YAAY,KAAK,EAAE,EAAE;YAC/C,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YAClC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE;gBACjC,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;aAClC;SACF;
|
|
1
|
+
{"version":3,"file":"HtmlInput.js","sourceRoot":"","sources":["../../../../src/components/atoms/HtmlInput/HtmlInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
*/
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
19
|
import { KeyboardAvoidingView, Platform, RefreshControl, ScrollView, StyleSheet, } from 'react-native';
|
|
20
|
-
const DEFAULT_OFFSET = { ios: 70, android:
|
|
20
|
+
const DEFAULT_OFFSET = { ios: 70, android: 115 };
|
|
21
21
|
const KeyboardAvoidingScrollView = ({ globalStyle, style, children, keyboardOffset = DEFAULT_OFFSET, refresh, }) => {
|
|
22
22
|
const keyboardVerticalOffset = useMemo(() => {
|
|
23
23
|
return { ...DEFAULT_OFFSET, ...keyboardOffset };
|
|
@@ -45,7 +45,7 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
|
|
|
45
45
|
removeSpaceOnTop ? null : styles.marginTop,
|
|
46
46
|
style,
|
|
47
47
|
]}>
|
|
48
|
-
{children}
|
|
48
|
+
<View style={styles.childrenContainer}>{children}</View>
|
|
49
49
|
{!!fixedItems && (<View style={fixedItemsHeight > FIXED_ITEMS_NOT_DISPLAY_HEIGHT && [
|
|
50
50
|
styles.fixedContainer,
|
|
51
51
|
styles.smallTopShadow,
|
|
@@ -59,6 +59,9 @@ const getStyles = (Colors) => StyleSheet.create({
|
|
|
59
59
|
backgroundColor: Colors.screenBackgroundColor,
|
|
60
60
|
flex: 1,
|
|
61
61
|
},
|
|
62
|
+
childrenContainer: {
|
|
63
|
+
flex: 1,
|
|
64
|
+
},
|
|
62
65
|
fixedContainer: {
|
|
63
66
|
width: '100%',
|
|
64
67
|
alignContent: 'flex-end',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAUxD,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAC5C,MAAM,8BAA8B,GAAG,gCAAgC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;IAC/B,MAAM,mBAAmB,CAAC,cAAc,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,EACL,QAAQ,EACR,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACH,EAAE,EAAE;IAChB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,EAAC,qBAAqB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE5C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC1C,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAG,CAAC;KAC3C;IAED,OAAO,CACL,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,qBAAqB,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAChE,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,SAAS;YAChB,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;YAC1C,KAAK;SACN,CAAC,CACF;MAAA,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAUxD,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAC5C,MAAM,8BAA8B,GAAG,gCAAgC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;IAC/B,MAAM,mBAAmB,CAAC,cAAc,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,EACL,QAAQ,EACR,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACH,EAAE,EAAE;IAChB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,EAAC,qBAAqB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE5C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC1C,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAG,CAAC;KAC3C;IAED,OAAO,CACL,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,qBAAqB,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAChE,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,SAAS;YAChB,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;YAC1C,KAAK;SACN,CAAC,CACF;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACvD;MAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CACf,CAAC,IAAI,CACH,KAAK,CAAC,CACJ,gBAAgB,GAAG,8BAA8B,IAAI;gBACnD,MAAM,CAAC,cAAc;gBACrB,MAAM,CAAC,cAAc;aACtB,CACF,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,qBAAqB;QAC7C,IAAI,EAAE,CAAC;KACR;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;KACR;IACD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,UAAU;QACrB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,mBAAmB,EAAE,EAAE;QACvB,oBAAoB,EAAE,EAAE;QACxB,eAAe,EAAE,gCAAgC;KAClD;IACD,cAAc,EAAE;QACd,cAAc,EAAE,GAAG;QACnB,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,GAAG;QACpB,cAAc,EAAE,iBAAiB;QACjC,gBAAgB,EAAE,iBAAiB;QACnC,eAAe,EAAE,iBAAiB;QAClC,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;KACpC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEL,eAAe,MAAM,CAAC"}
|
|
@@ -29,28 +29,31 @@ const FloatingActionButton = ({ title, iconName, color, size, disabled = false,
|
|
|
29
29
|
<CircleButton iconName={iconName} size={size} color={color} onPress={onPress} disabled={disabled} square={!useCircleStyle} style={styles.button}/>
|
|
30
30
|
<Indicator show={indicator} color={Colors.errorColor}/>
|
|
31
31
|
{title != null ? (<View style={styles.actionTitleContainer}>
|
|
32
|
-
<
|
|
33
|
-
{
|
|
34
|
-
|
|
32
|
+
<View style={styles.actionTitle}>
|
|
33
|
+
<Text fontSize={16} style={styles.actionTitleText} numberOfLines={2}>
|
|
34
|
+
{translator(title)}
|
|
35
|
+
</Text>
|
|
36
|
+
</View>
|
|
35
37
|
</View>) : null}
|
|
36
38
|
</View>);
|
|
37
39
|
};
|
|
38
40
|
const getStyles = (Colors) => StyleSheet.create({
|
|
39
41
|
actionButtonContainer: {
|
|
40
42
|
flexDirection: 'row-reverse',
|
|
43
|
+
marginTop: 5,
|
|
41
44
|
},
|
|
42
45
|
button: {
|
|
43
46
|
marginVertical: 0,
|
|
44
|
-
marginTop: 5,
|
|
45
47
|
},
|
|
46
48
|
actionTitleContainer: {
|
|
49
|
+
maxWidth: '70%',
|
|
50
|
+
minWidth: MIN_ACTION_BUTTON_WIDTH,
|
|
51
|
+
justifyContent: 'center',
|
|
52
|
+
alignItems: 'flex-end',
|
|
53
|
+
},
|
|
54
|
+
actionTitle: {
|
|
47
55
|
backgroundColor: Colors.backgroundColor,
|
|
48
56
|
marginHorizontal: 15,
|
|
49
|
-
marginVertical: 10,
|
|
50
|
-
justifyContent: 'center',
|
|
51
|
-
alignItems: 'center',
|
|
52
|
-
minWidth: MIN_ACTION_BUTTON_WIDTH,
|
|
53
|
-
maxWidth: '70%',
|
|
54
57
|
borderRadius: 7,
|
|
55
58
|
paddingHorizontal: 10,
|
|
56
59
|
elevation: 3,
|
|
@@ -58,7 +61,7 @@ const getStyles = (Colors) => StyleSheet.create({
|
|
|
58
61
|
shadowColor: Colors.secondaryColor.background,
|
|
59
62
|
shadowOffset: { width: 0, height: 0 },
|
|
60
63
|
},
|
|
61
|
-
|
|
64
|
+
actionTitleText: {
|
|
62
65
|
textAlign: 'center',
|
|
63
66
|
},
|
|
64
67
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingActionButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAqB,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,UAAU,EACV,cAAc,GAAG,KAAK,GAWvB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC;MAAA,CAAC,YAAY,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAEvB;MAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EACrD;MAAA,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;UAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"FloatingActionButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingActionButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeI
|
|
|
31
31
|
wrapperRef,
|
|
32
32
|
});
|
|
33
33
|
const [isOpen, setIsOpen] = useState(defaultOpenValue);
|
|
34
|
-
const [expanded, setExpanded] = useState(
|
|
34
|
+
const [expanded, setExpanded] = useState(defaultOpenValue);
|
|
35
35
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
36
36
|
useEffect(() => {
|
|
37
37
|
if (clickOutside === OUTSIDE_INDICATOR && isOpen && closeOnOutsideClick) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/E,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,gBAAgB,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,6BAA6B,EAE7B,oBAAoB,GAErB,MAAM,SAAS,CAAC;AACjB,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,QAAQ,GAAG,SAAS,EACpB,aAAa,GAAG,MAAM,EACtB,IAAI,GAAG,oBAAoB,EAC3B,mBAAmB,GAAG,IAAI,EAC1B,aAAa,EACb,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,gBAAgB,GAAG,KAAK,GACJ,EAAE,EAAE;IACxB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BottomBarItem } from './types.helper';
|
|
3
|
-
declare const BottomBar: ({ style, items, itemSize, }: {
|
|
3
|
+
declare const BottomBar: ({ style, items, updateActiveItem, itemSize, }: {
|
|
4
4
|
style?: any;
|
|
5
5
|
items: BottomBarItem[];
|
|
6
|
+
updateActiveItem?: boolean;
|
|
6
7
|
itemSize?: number;
|
|
7
8
|
}) => React.JSX.Element;
|
|
8
9
|
export default BottomBar;
|
|
@@ -25,7 +25,7 @@ import { Card } from '../../atoms';
|
|
|
25
25
|
import BarItem from './BarItem';
|
|
26
26
|
import { getVisibleItems } from './display.helper';
|
|
27
27
|
const WINDOW_HEIGHT = Dimensions.get('window').height;
|
|
28
|
-
const BottomBar = ({ style, items, itemSize = 50, }) => {
|
|
28
|
+
const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) => {
|
|
29
29
|
const { headerHeight } = useConfig();
|
|
30
30
|
const Colors = useThemeColor();
|
|
31
31
|
const [selectedKey, setSelectedKey] = useState();
|
|
@@ -55,10 +55,10 @@ const BottomBar = ({ style, items, itemSize = 50, }) => {
|
|
|
55
55
|
});
|
|
56
56
|
const visibleItems = useMemo(() => getVisibleItems(items), [items]);
|
|
57
57
|
const handleItemPress = useCallback((item) => {
|
|
58
|
-
if (
|
|
58
|
+
if (typeof item.onPress === 'function') {
|
|
59
59
|
item.onPress();
|
|
60
60
|
}
|
|
61
|
-
|
|
61
|
+
if (item.viewComponent != null) {
|
|
62
62
|
setSelectedItemColor(item.color);
|
|
63
63
|
setSelectedKey(item.key);
|
|
64
64
|
}
|
|
@@ -70,14 +70,21 @@ const BottomBar = ({ style, items, itemSize = 50, }) => {
|
|
|
70
70
|
}, [itemSize, onItemLayout, selectedKey, handleItemPress]);
|
|
71
71
|
useEffect(() => {
|
|
72
72
|
if (selectedKey == null) {
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
const _viewItem = visibleItems?.find(({ viewComponent }) => viewComponent != null);
|
|
74
|
+
setSelectedKey(_viewItem?.key);
|
|
75
|
+
setSelectedItemColor(_viewItem?.color);
|
|
75
76
|
}
|
|
76
77
|
}, [selectedKey, visibleItems]);
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
const activeItem = visibleItems.find(item => item.isActive);
|
|
80
|
+
if (activeItem && updateActiveItem) {
|
|
81
|
+
setSelectedKey(activeItem.key);
|
|
82
|
+
setSelectedItemColor(activeItem.color);
|
|
83
|
+
}
|
|
84
|
+
}, [updateActiveItem, visibleItems]);
|
|
77
85
|
return (<View style={styles.container}>
|
|
78
86
|
<View style={{ height: viewHeight }}>
|
|
79
|
-
{visibleItems.find(_item => _item.key === selectedKey)
|
|
80
|
-
?.viewComponent}
|
|
87
|
+
{visibleItems.find(_item => _item.key === selectedKey)?.viewComponent}
|
|
81
88
|
</View>
|
|
82
89
|
<View onLayout={event => {
|
|
83
90
|
const { height: barHeight } = event.nativeEvent.layout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,QAAQ,EAAE,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEjD,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AAEtD,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/BottomBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Color } from '../../../theme';
|
|
2
|
-
interface
|
|
2
|
+
export interface BottomBarItem {
|
|
3
3
|
iconName: string;
|
|
4
4
|
color?: Color;
|
|
5
5
|
title?: string;
|
|
@@ -8,12 +8,7 @@ interface Item {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
indicator?: number;
|
|
10
10
|
key?: string;
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
viewComponent?: React.ReactNode;
|
|
13
|
+
onPress?: () => void;
|
|
11
14
|
}
|
|
12
|
-
export interface ViewItem extends Item {
|
|
13
|
-
viewComponent: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
interface ActionItem extends Item {
|
|
16
|
-
onPress: () => void;
|
|
17
|
-
}
|
|
18
|
-
export type BottomBarItem = ViewItem | ActionItem;
|
|
19
|
-
export {};
|