@axelor/aos-mobile-ui 8.1.7 → 8.1.9
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/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js +2 -9
- package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js.map +1 -1
- package/lib/components/atoms/Screen/Screen.js +7 -1
- package/lib/components/atoms/Screen/Screen.js.map +1 -1
- package/lib/components/molecules/Chip/Chip.d.ts +2 -1
- package/lib/components/molecules/Chip/Chip.js +2 -2
- package/lib/components/molecules/Chip/Chip.js.map +1 -1
- package/lib/components/organisms/ChipSelect/ChipSelect.d.ts +2 -1
- package/lib/components/organisms/ChipSelect/ChipSelect.js +2 -2
- package/lib/components/organisms/ChipSelect/ChipSelect.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingActionButton.d.ts +2 -1
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js +6 -6
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.d.ts +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.js +6 -10
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/types.d.ts +3 -0
- package/lib/components/organisms/FloatingButton/types.js.map +1 -1
- package/lib/components/templates/BottomBar/BarItem.js +2 -3
- package/lib/components/templates/BottomBar/BarItem.js.map +1 -1
- package/lib/components/templates/BottomBar/BottomBar.d.ts +2 -1
- package/lib/components/templates/BottomBar/BottomBar.js +21 -12
- package/lib/components/templates/BottomBar/BottomBar.js.map +1 -1
- package/lib/components/templates/BottomBar/ItemTitle.d.ts +7 -0
- package/lib/components/templates/BottomBar/ItemTitle.js +36 -0
- package/lib/components/templates/BottomBar/ItemTitle.js.map +1 -0
- package/lib/components/templates/TreeView/BranchCard.js +1 -0
- package/lib/components/templates/TreeView/BranchCard.js.map +1 -1
- package/package.json +1 -1
|
@@ -25,23 +25,16 @@ const KeyboardAvoidingScrollView = ({ globalStyle, style, children, keyboardOffs
|
|
|
25
25
|
return (<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} style={[styles.containerKeyboard, getZIndexStyles(5)]} keyboardVerticalOffset={Platform.OS === 'ios'
|
|
26
26
|
? keyboardVerticalOffset?.ios
|
|
27
27
|
: keyboardVerticalOffset?.android}>
|
|
28
|
-
<ScrollView style={globalStyle} keyboardShouldPersistTaps="handled" contentContainerStyle={[
|
|
29
|
-
styles.scrollContent,
|
|
30
|
-
getZIndexStyles(10),
|
|
31
|
-
style,
|
|
32
|
-
]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher}/>)}>
|
|
28
|
+
<ScrollView style={globalStyle} keyboardShouldPersistTaps="handled" contentContainerStyle={[getZIndexStyles(10), style]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher}/>)}>
|
|
33
29
|
{children}
|
|
34
30
|
</ScrollView>
|
|
35
31
|
</KeyboardAvoidingView>);
|
|
36
32
|
};
|
|
37
|
-
const getZIndexStyles = value => Platform.OS === 'ios' ? { zIndex: value } : null;
|
|
33
|
+
const getZIndexStyles = (value) => Platform.OS === 'ios' ? { zIndex: value } : null;
|
|
38
34
|
const styles = StyleSheet.create({
|
|
39
35
|
containerKeyboard: {
|
|
40
36
|
flex: 1,
|
|
41
37
|
},
|
|
42
|
-
scrollContent: {
|
|
43
|
-
height: null,
|
|
44
|
-
},
|
|
45
38
|
});
|
|
46
39
|
export default KeyboardAvoidingScrollView;
|
|
47
40
|
//# sourceMappingURL=KeyboardAvoidingScrollView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardAvoidingScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,MAAM,cAAc,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAC,CAAC;AAY/C,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAc,GAAG,cAAc,EAC/B,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAC,GAAG,cAAc,EAAE,GAAG,cAAc,EAAC,CAAC;IAChD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,oBAAoB,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,sBAAsB,CAAC,CACrB,QAAQ,CAAC,EAAE,KAAK,KAAK;YACnB,CAAC,CAAC,sBAAsB,EAAE,GAAG;YAC7B,CAAC,CAAC,sBAAsB,EAAE,OAAO,CACpC,CACD;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,yBAAyB,CAAC,SAAS,CACnC,qBAAqB,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"KeyboardAvoidingScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,MAAM,cAAc,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAC,CAAC;AAY/C,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAc,GAAG,cAAc,EAC/B,OAAO,GAOR,EAAE,EAAE;IACH,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAC,GAAG,cAAc,EAAE,GAAG,cAAc,EAAC,CAAC;IAChD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,oBAAoB,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,sBAAsB,CAAC,CACrB,QAAQ,CAAC,EAAE,KAAK,KAAK;YACnB,CAAC,CAAC,sBAAsB,EAAE,GAAG;YAC7B,CAAC,CAAC,sBAAsB,EAAE,OAAO,CACpC,CACD;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,yBAAyB,CAAC,SAAS,CACnC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACpD,cAAc,CAAC,CACb,OAAO,IAAI,IAAI,IAAI,CACjB,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAC3B,CACH,CACF,CACD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,0BAA0B,CAAC"}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
19
|
-
import { ActivityIndicator, StyleSheet, View } from 'react-native';
|
|
19
|
+
import { ActivityIndicator, Keyboard, StyleSheet, View } from 'react-native';
|
|
20
20
|
import SystemNavigationBar from 'react-native-system-navigation-bar';
|
|
21
21
|
import { useThemeColor } from '../../../theme';
|
|
22
22
|
import { useConfig } from '../../../config/ConfigContext';
|
|
@@ -34,6 +34,12 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
|
|
|
34
34
|
const { height } = event.nativeEvent.layout;
|
|
35
35
|
setFixedItemsHeight(height);
|
|
36
36
|
};
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
const keyboardHideListener = Keyboard.addListener('keyboardDidHide', immersiveMode);
|
|
39
|
+
return () => {
|
|
40
|
+
keyboardHideListener.remove();
|
|
41
|
+
};
|
|
42
|
+
}, []);
|
|
37
43
|
useEffect(() => {
|
|
38
44
|
immersiveMode();
|
|
39
45
|
}, []);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ interface ChipProps {
|
|
|
8
8
|
width?: number;
|
|
9
9
|
marginHorizontal?: number;
|
|
10
10
|
readonly?: boolean;
|
|
11
|
+
numberOfLines?: number;
|
|
11
12
|
style?: any;
|
|
12
13
|
}
|
|
13
|
-
declare const Chip: ({ selected, title, onPress, selectedColor, width, marginHorizontal, readonly, style, }: ChipProps) => React.JSX.Element;
|
|
14
|
+
declare const Chip: ({ selected, title, onPress, selectedColor, width, marginHorizontal, readonly, numberOfLines, style, }: ChipProps) => React.JSX.Element;
|
|
14
15
|
export default Chip;
|
|
@@ -20,7 +20,7 @@ import { Dimensions, StyleSheet, View, TouchableOpacity } from 'react-native';
|
|
|
20
20
|
import { Text } from '../../atoms';
|
|
21
21
|
import { useThemeColor } from '../../../theme';
|
|
22
22
|
import { sliceString } from '../../../utils/strings';
|
|
23
|
-
const Chip = ({ selected, title, onPress, selectedColor = null, width = Dimensions.get('window').width * 0.4, marginHorizontal = 12, readonly = false, style, }) => {
|
|
23
|
+
const Chip = ({ selected, title, onPress, selectedColor = null, width = Dimensions.get('window').width * 0.4, marginHorizontal = 12, readonly = false, numberOfLines, style, }) => {
|
|
24
24
|
const Colors = useThemeColor();
|
|
25
25
|
const chipColor = useMemo(() => {
|
|
26
26
|
let _chipColor = selectedColor == null ? Colors.primaryColor : selectedColor;
|
|
@@ -36,7 +36,7 @@ const Chip = ({ selected, title, onPress, selectedColor = null, width = Dimensio
|
|
|
36
36
|
const styles = useMemo(() => getStyles(chipColor, Colors), [Colors, chipColor]);
|
|
37
37
|
return (<TouchableOpacity style={[{ width: width, marginHorizontal: marginHorizontal }, style]} disabled={readonly} onPress={onPress} activeOpacity={0.8}>
|
|
38
38
|
<View style={styles.container}>
|
|
39
|
-
<Text textColor={selected ? chipColor.foreground : Colors.text} fontSize={14}>
|
|
39
|
+
<Text textColor={selected ? chipColor.foreground : Colors.text} numberOfLines={numberOfLines} fontSize={14}>
|
|
40
40
|
{sliceString(title, 23)}
|
|
41
41
|
</Text>
|
|
42
42
|
</View>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/molecules/Chip/Chip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAqB,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/molecules/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,8 @@ interface ChipSelectProps {
|
|
|
14
14
|
width?: number;
|
|
15
15
|
marginHorizontal?: number;
|
|
16
16
|
readonly?: boolean;
|
|
17
|
+
chipNumberOfLines?: number;
|
|
17
18
|
onChangeValue?: (value: any) => void;
|
|
18
19
|
}
|
|
19
|
-
declare const ChipSelect: ({ style, selectionItems, mode, isRefresh, width, marginHorizontal, readonly, onChangeValue, }: ChipSelectProps) => React.JSX.Element;
|
|
20
|
+
declare const ChipSelect: ({ style, selectionItems, mode, isRefresh, width, marginHorizontal, readonly, chipNumberOfLines, onChangeValue, }: ChipSelectProps) => React.JSX.Element;
|
|
20
21
|
export default ChipSelect;
|
|
@@ -24,7 +24,7 @@ const MODES = {
|
|
|
24
24
|
switch: 'switch',
|
|
25
25
|
multi: 'multi',
|
|
26
26
|
};
|
|
27
|
-
const ChipSelect = ({ style, selectionItems, mode, isRefresh = false, width, marginHorizontal = CHIP_MARGIN, readonly = false, onChangeValue = () => { }, }) => {
|
|
27
|
+
const ChipSelect = ({ style, selectionItems, mode, isRefresh = false, width, marginHorizontal = CHIP_MARGIN, readonly = false, chipNumberOfLines, onChangeValue = () => { }, }) => {
|
|
28
28
|
const [selectedChip, setSelectedChip] = useState(selectionItems.filter(item => item.isActive === true));
|
|
29
29
|
useEffect(() => {
|
|
30
30
|
if (isRefresh &&
|
|
@@ -76,7 +76,7 @@ const ChipSelect = ({ style, selectionItems, mode, isRefresh = false, width, mar
|
|
|
76
76
|
}
|
|
77
77
|
return (<View style={[styles.chipContainer, style]}>
|
|
78
78
|
<ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
|
|
79
|
-
{selectionItems?.map((item, index) => (<Chip key={index} selected={chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} readonly={readonly} marginHorizontal={marginHorizontal} width={_width}/>))}
|
|
79
|
+
{selectionItems?.map((item, index) => (<Chip key={index} selected={chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} readonly={readonly} marginHorizontal={marginHorizontal} width={_width} numberOfLines={chipNumberOfLines}/>))}
|
|
80
80
|
</ScrollView>
|
|
81
81
|
</View>);
|
|
82
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipSelect.js","sourceRoot":"","sources":["../../../../src/components/organisms/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAC,IAAI,EAAC,MAAM,iBAAiB,CAAC;AAErC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;
|
|
1
|
+
{"version":3,"file":"ChipSelect.js","sourceRoot":"","sources":["../../../../src/components/organisms/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Color } from '../../../theme';
|
|
3
|
-
declare const FloatingActionButton: ({ title, iconName, color, size, disabled, indicator, onPress, translator, useCircleStyle, }: {
|
|
3
|
+
declare const FloatingActionButton: ({ title, iconName, color, size, margin, disabled, indicator, onPress, translator, useCircleStyle, }: {
|
|
4
4
|
title: string;
|
|
5
5
|
iconName: string;
|
|
6
6
|
color: Color;
|
|
7
7
|
size: number;
|
|
8
|
+
margin?: number;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
indicator?: boolean;
|
|
10
11
|
onPress: () => void;
|
|
@@ -22,13 +22,13 @@ import { Text } from '../../atoms';
|
|
|
22
22
|
import { CircleButton } from '../../molecules';
|
|
23
23
|
import { MIN_ACTION_BUTTON_WIDTH } from './types';
|
|
24
24
|
import Indicator from './Indicator';
|
|
25
|
-
const FloatingActionButton = ({ title, iconName, color, size, disabled = false, indicator = false, onPress, translator, useCircleStyle = false, }) => {
|
|
25
|
+
const FloatingActionButton = ({ title, iconName, color, size, margin = 0, disabled = false, indicator = false, onPress, translator, useCircleStyle = false, }) => {
|
|
26
26
|
const Colors = useThemeColor();
|
|
27
27
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
28
28
|
return (<View style={styles.actionButtonContainer}>
|
|
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
|
-
{title != null ? (<View style={styles.actionTitleContainer}>
|
|
31
|
+
{title != null ? (<View style={[styles.actionTitleContainer, { left: size + margin * 2 }]}>
|
|
32
32
|
<View style={styles.actionTitle}>
|
|
33
33
|
<Text fontSize={16} style={styles.actionTitleText} numberOfLines={2}>
|
|
34
34
|
{translator(title)}
|
|
@@ -40,20 +40,20 @@ const FloatingActionButton = ({ title, iconName, color, size, disabled = false,
|
|
|
40
40
|
const getStyles = (Colors) => StyleSheet.create({
|
|
41
41
|
actionButtonContainer: {
|
|
42
42
|
flexDirection: 'row-reverse',
|
|
43
|
-
|
|
43
|
+
marginVertical: 2,
|
|
44
44
|
},
|
|
45
45
|
button: {
|
|
46
46
|
marginVertical: 0,
|
|
47
47
|
},
|
|
48
48
|
actionTitleContainer: {
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
width: MIN_ACTION_BUTTON_WIDTH,
|
|
50
|
+
height: '100%',
|
|
51
51
|
justifyContent: 'center',
|
|
52
52
|
alignItems: 'flex-end',
|
|
53
|
+
position: 'absolute',
|
|
53
54
|
},
|
|
54
55
|
actionTitle: {
|
|
55
56
|
backgroundColor: Colors.backgroundColor,
|
|
56
|
-
marginHorizontal: 15,
|
|
57
57
|
borderRadius: 7,
|
|
58
58
|
paddingHorizontal: 10,
|
|
59
59
|
elevation: 3,
|
|
@@ -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,
|
|
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,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,UAAU,EACV,cAAc,GAAG,KAAK,GAYvB,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,CAAC,MAAM,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,EAAC,CAAC,CAAC,CACpE;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;YAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAC9B,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB;cAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CACpB;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,qBAAqB,EAAE;QACrB,aAAa,EAAE,aAAa;QAC5B,cAAc,EAAE,CAAC;KAClB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;KAClB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,UAAU;KACrB;IACD,WAAW,EAAE;QACX,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,EAAE;QACrB,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;KACpC;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FloatingButtonProps } from './types';
|
|
3
|
-
declare const FloatingButton: ({ style, actions: _actions, iconName, closeIconName, size, closeOnOutsideClick, onGlobalPress, translator, useCircleStyle, defaultOpenValue, }: FloatingButtonProps) => React.JSX.Element;
|
|
3
|
+
declare const FloatingButton: ({ style, actions: _actions, iconName, closeIconName, buttonStyle, buttonColor, size, closeOnOutsideClick, onGlobalPress, translator, useCircleStyle, expandable, defaultOpenValue, }: FloatingButtonProps) => React.JSX.Element;
|
|
4
4
|
export default FloatingButton;
|
|
@@ -24,7 +24,7 @@ import { Icon } from '../../atoms';
|
|
|
24
24
|
import { ACTION_BUTTON_SIZE_PERCENTAGE, FLOATING_BUTTON_SIZE, } from './types';
|
|
25
25
|
import FloatingActionButton from './FloatingActionButton';
|
|
26
26
|
import Indicator from './Indicator';
|
|
27
|
-
const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeIconName = 'x-lg', size = FLOATING_BUTTON_SIZE, closeOnOutsideClick = true, onGlobalPress, translator, useCircleStyle = false, defaultOpenValue = false, }) => {
|
|
27
|
+
const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeIconName = 'x-lg', buttonStyle, buttonColor, size = FLOATING_BUTTON_SIZE, closeOnOutsideClick = true, onGlobalPress, translator, useCircleStyle = false, expandable = true, defaultOpenValue = false, }) => {
|
|
28
28
|
const Colors = useThemeColor();
|
|
29
29
|
const wrapperRef = useRef(null);
|
|
30
30
|
const clickOutside = useClickOutside({
|
|
@@ -53,17 +53,12 @@ const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeI
|
|
|
53
53
|
marginRight: actionButtonMarginRight,
|
|
54
54
|
};
|
|
55
55
|
}, [size]);
|
|
56
|
-
const renderAction = useCallback((action) => (<FloatingActionButton key={action.key} title={action.title} iconName={action.iconName} color={action.color} size={actionButtonParams.size} disabled={action.disabled} indicator={action.indicator} onPress={() => {
|
|
56
|
+
const renderAction = useCallback((action) => (<FloatingActionButton key={action.key} title={action.title} iconName={action.iconName} color={action.color} size={actionButtonParams.size} margin={actionButtonParams.marginRight} disabled={action.disabled} indicator={action.indicator} onPress={() => {
|
|
57
57
|
action.onPress();
|
|
58
58
|
if (action.closeOnPress) {
|
|
59
59
|
handleFLoatingButtonPress();
|
|
60
60
|
}
|
|
61
|
-
}} translator={translator} useCircleStyle={useCircleStyle}/>), [
|
|
62
|
-
actionButtonParams.size,
|
|
63
|
-
handleFLoatingButtonPress,
|
|
64
|
-
translator,
|
|
65
|
-
useCircleStyle,
|
|
66
|
-
]);
|
|
61
|
+
}} translator={translator} useCircleStyle={useCircleStyle}/>), [actionButtonParams, handleFLoatingButtonPress, translator, useCircleStyle]);
|
|
67
62
|
const actions = useMemo(() => {
|
|
68
63
|
if (_actions == null || _actions?.length === 0) {
|
|
69
64
|
return [];
|
|
@@ -71,6 +66,7 @@ const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeI
|
|
|
71
66
|
return _actions.filter(action => action.hideIf !== true);
|
|
72
67
|
}, [_actions]);
|
|
73
68
|
const showIndicator = useMemo(() => actions.some(_action => _action.indicator), [actions]);
|
|
69
|
+
const _buttonColor = useMemo(() => buttonColor ?? Colors.primaryColor, [Colors.primaryColor, buttonColor]);
|
|
74
70
|
if (actions == null || actions?.length === 0) {
|
|
75
71
|
return <View />;
|
|
76
72
|
}
|
|
@@ -79,11 +75,11 @@ const FloatingButton = ({ style, actions: _actions, iconName = 'plus-lg', closeI
|
|
|
79
75
|
{ padding: actionButtonParams.marginRight },
|
|
80
76
|
useCircleStyle ? styles.actionsContainer : null,
|
|
81
77
|
]}>
|
|
82
|
-
{useCircleStyle ? (<Icon name={expanded ? 'chevron-down' : 'chevron-up'} touchable={true} onPress={() => setExpanded(current => !current)}/>) : null}
|
|
78
|
+
{useCircleStyle && expandable ? (<Icon name={expanded ? 'chevron-down' : 'chevron-up'} touchable={true} onPress={() => setExpanded(current => !current)}/>) : null}
|
|
83
79
|
{!expanded && useCircleStyle && (<Indicator show={showIndicator} color={Colors.errorColor} style={styles.indicator}/>)}
|
|
84
80
|
{expanded && actions.map(renderAction)}
|
|
85
81
|
</View>)}
|
|
86
|
-
<CircleButton iconName={isOpen ? closeIconName : iconName} onPress={handleFLoatingButtonPress} size={size} style={styles.floatingButton} square={!useCircleStyle}/>
|
|
82
|
+
<CircleButton iconName={isOpen ? closeIconName : iconName} onPress={handleFLoatingButtonPress} size={size} color={_buttonColor} style={[styles.floatingButton, buttonStyle]} square={!useCircleStyle}/>
|
|
87
83
|
</View>);
|
|
88
84
|
};
|
|
89
85
|
const getStyles = (Colors) => StyleSheet.create({
|
|
@@ -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,gBAAgB,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,iBAAiB,IAAI,MAAM,IAAI,mBAAmB,EAAE;YACvE,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhD,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,IAAI,aAAa,EAAE;YACjB,aAAa,EAAE,CAAC;SACjB;QACD,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/B,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,6BAA6B,CAAC,CAAC;QAC1E,MAAM,uBAAuB,GAC3B,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAEhD,OAAO;YACL,IAAI,EAAE,gBAAgB;YACtB,WAAW,EAAE,uBAAuB;SACrC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE,CAAC,CACvB,CAAC,oBAAoB,CACnB,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAC9B,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,MAAM,CAAC,YAAY,EAAE;gBACvB,yBAAyB,EAAE,CAAC;aAC7B;QACH,CAAC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,cAAc,CAAC,CAAC,cAAc,CAAC,EAC/B,CACH,EACD
|
|
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,WAAW,EACX,WAAW,EACX,IAAI,GAAG,oBAAoB,EAC3B,mBAAmB,GAAG,IAAI,EAC1B,aAAa,EACb,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,IAAI,EACjB,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,gBAAgB,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,iBAAiB,IAAI,MAAM,IAAI,mBAAmB,EAAE;YACvE,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEhD,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,IAAI,aAAa,EAAE;YACjB,aAAa,EAAE,CAAC;SACjB;QACD,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAC/B,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,6BAA6B,CAAC,CAAC;QAC1E,MAAM,uBAAuB,GAC3B,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAEhD,OAAO;YACL,IAAI,EAAE,gBAAgB;YACtB,WAAW,EAAE,uBAAuB;SACrC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE,CAAC,CACvB,CAAC,oBAAoB,CACnB,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAC9B,MAAM,CAAC,CAAC,kBAAkB,CAAC,WAAW,CAAC,CACvC,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,MAAM,CAAC,YAAY,EAAE;gBACvB,yBAAyB,EAAE,CAAC;aAC7B;QACH,CAAC,CAAC,CACF,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,cAAc,CAAC,CAAC,cAAc,CAAC,EAC/B,CACH,EACD,CAAC,kBAAkB,EAAE,yBAAyB,EAAE,UAAU,EAAE,cAAc,CAAC,CAC5E,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,EAAE,MAAM,KAAK,CAAC,EAAE;YAC9C,OAAO,EAAE,CAAC;SACX;QAED,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAChD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,WAAW,IAAI,MAAM,CAAC,YAAY,EACxC,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC,EAAE;QAC5C,OAAO,CAAC,IAAI,CAAC,AAAD,EAAG,CAAC;KACjB;IAED,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,MAAM,IAAI,CACT,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,EAAC,OAAO,EAAE,kBAAkB,CAAC,WAAW,EAAC;gBACzC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;aAChD,CAAC,CACF;UAAA,CAAC,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,CAC9B,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAC/C,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAChD,CACH,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,CAAC,QAAQ,IAAI,cAAc,IAAI,CAC9B,CAAC,SAAS,CACR,IAAI,CAAC,CAAC,aAAa,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACxB,CACH,CACD;UAAA,CAAC,QAAQ,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CACxC;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,YAAY,CACX,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC5C,OAAO,CAAC,CAAC,yBAAyB,CAAC,CACnC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAC5C,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,EAE5B;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,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,GAAG;QACnB,gBAAgB,EAAE,GAAG;QACrB,eAAe,EAAE,GAAG;QACpB,cAAc,EAAE,iBAAiB;QACjC,gBAAgB,EAAE,iBAAiB;QACnC,eAAe,EAAE,iBAAiB;QAClC,SAAS,EAAE,CAAC;QACZ,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,YAAY,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;KACpC;IACD,cAAc,EAAE;QACd,SAAS,EAAE,UAAU;KACtB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,CAAC,CAAC;KACR;CACF,CAAC,CAAC;AAEL,eAAe,cAAc,CAAC"}
|
|
@@ -4,11 +4,14 @@ export interface FloatingButtonProps {
|
|
|
4
4
|
actions: ActionProps[];
|
|
5
5
|
iconName?: string;
|
|
6
6
|
closeIconName?: string;
|
|
7
|
+
buttonStyle?: any;
|
|
8
|
+
buttonColor?: Color;
|
|
7
9
|
size?: number;
|
|
8
10
|
closeOnOutsideClick?: boolean;
|
|
9
11
|
onGlobalPress?: () => void;
|
|
10
12
|
translator: (key: string) => string;
|
|
11
13
|
useCircleStyle?: boolean;
|
|
14
|
+
expandable?: boolean;
|
|
12
15
|
defaultOpenValue?: boolean;
|
|
13
16
|
}
|
|
14
17
|
export interface ActionProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAgCH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC"}
|
|
@@ -19,9 +19,8 @@ import React, { useEffect, useMemo } from 'react';
|
|
|
19
19
|
import { StyleSheet, View } from 'react-native';
|
|
20
20
|
import Animated, { useSharedValue, useAnimatedStyle, withSpring, } from 'react-native-reanimated';
|
|
21
21
|
import { useThemeColor } from '../../../theme';
|
|
22
|
-
import { checkNullString } from '../../../utils';
|
|
23
22
|
import { Button, NumberBubble } from '../../molecules';
|
|
24
|
-
import
|
|
23
|
+
import ItemTitle from './ItemTitle';
|
|
25
24
|
const BarItem = ({ iconName, color, title, isSelected = false, size, disabled, indicator, onPress, }) => {
|
|
26
25
|
const Colors = useThemeColor();
|
|
27
26
|
const scale = useSharedValue(0.8);
|
|
@@ -41,7 +40,7 @@ const BarItem = ({ iconName, color, title, isSelected = false, size, disabled, i
|
|
|
41
40
|
{indicator > 0 && (<Animated.View style={[animatedStyle, styles.indicator]}>
|
|
42
41
|
<NumberBubble number={indicator} color={buttonColor} isNeutralBackground={true}/>
|
|
43
42
|
</Animated.View>)}
|
|
44
|
-
{
|
|
43
|
+
<ItemTitle title={title} style={{ width: size }}/>
|
|
45
44
|
</View>);
|
|
46
45
|
};
|
|
47
46
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarItem.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/BarItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"BarItem.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/BarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BottomBarItem } from './types.helper';
|
|
3
|
-
declare const BottomBar: ({ style, items, updateActiveItem, itemSize, }: {
|
|
3
|
+
declare const BottomBar: ({ style, items, updateActiveItem, itemSize, manageActiveTitle, }: {
|
|
4
4
|
style?: any;
|
|
5
5
|
items: BottomBarItem[];
|
|
6
6
|
updateActiveItem?: boolean;
|
|
7
7
|
itemSize?: number;
|
|
8
|
+
manageActiveTitle?: boolean;
|
|
8
9
|
}) => React.JSX.Element;
|
|
9
10
|
export default BottomBar;
|
|
@@ -23,9 +23,10 @@ import { useConfig } from '../../../config/ConfigContext';
|
|
|
23
23
|
import { useThemeColor } from '../../../theme';
|
|
24
24
|
import { Card } from '../../atoms';
|
|
25
25
|
import BarItem from './BarItem';
|
|
26
|
+
import ItemTitle from './ItemTitle';
|
|
26
27
|
import { getVisibleItems } from './display.helper';
|
|
27
28
|
const WINDOW_HEIGHT = Dimensions.get('window').height;
|
|
28
|
-
const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) => {
|
|
29
|
+
const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, manageActiveTitle = false, }) => {
|
|
29
30
|
const { headerHeight } = useConfig();
|
|
30
31
|
const Colors = useThemeColor();
|
|
31
32
|
const [selectedKey, setSelectedKey] = useState();
|
|
@@ -65,9 +66,9 @@ const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) =
|
|
|
65
66
|
}, [setSelectedKey, setSelectedItemColor]);
|
|
66
67
|
const renderItem = useCallback((item) => {
|
|
67
68
|
return (<View key={item.key} onLayout={event => onItemLayout(event, item.key)}>
|
|
68
|
-
<BarItem {...item} size={itemSize} onPress={() => handleItemPress(item)} isSelected={selectedKey === item.key && !('onPress' in item)}/>
|
|
69
|
+
<BarItem {...item} title={manageActiveTitle ? undefined : item.title} size={itemSize} onPress={() => handleItemPress(item)} isSelected={selectedKey === item.key && !('onPress' in item)}/>
|
|
69
70
|
</View>);
|
|
70
|
-
}, [
|
|
71
|
+
}, [manageActiveTitle, itemSize, selectedKey, onItemLayout, handleItemPress]);
|
|
71
72
|
useEffect(() => {
|
|
72
73
|
if (selectedKey == null) {
|
|
73
74
|
const _viewItem = visibleItems?.find(({ viewComponent }) => viewComponent != null);
|
|
@@ -82,10 +83,9 @@ const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) =
|
|
|
82
83
|
setSelectedItemColor(activeItem.color);
|
|
83
84
|
}
|
|
84
85
|
}, [updateActiveItem, visibleItems]);
|
|
86
|
+
const activeView = useMemo(() => visibleItems.find(_item => _item.key === selectedKey), [selectedKey, visibleItems]);
|
|
85
87
|
return (<View style={styles.container}>
|
|
86
|
-
<View style={{ height: viewHeight }}>
|
|
87
|
-
{visibleItems.find(_item => _item.key === selectedKey)?.viewComponent}
|
|
88
|
-
</View>
|
|
88
|
+
<View style={{ height: viewHeight }}>{activeView?.viewComponent}</View>
|
|
89
89
|
<View onLayout={event => {
|
|
90
90
|
const { height: barHeight } = event.nativeEvent.layout;
|
|
91
91
|
setViewHeight(WINDOW_HEIGHT -
|
|
@@ -94,8 +94,9 @@ const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) =
|
|
|
94
94
|
barHeight);
|
|
95
95
|
}}>
|
|
96
96
|
<Card style={[styles.bottomContainer, style]}>
|
|
97
|
-
{
|
|
98
|
-
|
|
97
|
+
<View style={styles.itemsContainer}>
|
|
98
|
+
{visibleItems.map(renderItem)}
|
|
99
|
+
<Animated.View style={[
|
|
99
100
|
styles.animatedBar,
|
|
100
101
|
animatedStyle,
|
|
101
102
|
{
|
|
@@ -104,6 +105,8 @@ const BottomBar = ({ style, items, updateActiveItem = false, itemSize = 50, }) =
|
|
|
104
105
|
: Colors.primaryColor?.background,
|
|
105
106
|
},
|
|
106
107
|
]}/>
|
|
108
|
+
</View>
|
|
109
|
+
<ItemTitle title={manageActiveTitle ? activeView?.title : undefined} style={styles.title}/>
|
|
107
110
|
</Card>
|
|
108
111
|
</View>
|
|
109
112
|
</View>);
|
|
@@ -116,21 +119,27 @@ const styles = StyleSheet.create({
|
|
|
116
119
|
paddingHorizontal: 20,
|
|
117
120
|
paddingRight: 20,
|
|
118
121
|
paddingVertical: 10,
|
|
119
|
-
flexDirection: '
|
|
122
|
+
flexDirection: 'column',
|
|
120
123
|
width: '90%',
|
|
121
|
-
justifyContent: 'space-between',
|
|
122
|
-
alignItems: 'flex-end',
|
|
123
124
|
alignSelf: 'center',
|
|
124
125
|
marginBottom: 10,
|
|
125
126
|
},
|
|
127
|
+
itemsContainer: {
|
|
128
|
+
flexDirection: 'row',
|
|
129
|
+
justifyContent: 'space-between',
|
|
130
|
+
alignItems: 'flex-end',
|
|
131
|
+
},
|
|
126
132
|
animatedBar: {
|
|
127
133
|
position: 'absolute',
|
|
128
134
|
height: 2,
|
|
129
135
|
width: 41,
|
|
130
|
-
bottom:
|
|
136
|
+
bottom: 2,
|
|
131
137
|
left: 7,
|
|
132
138
|
borderRadius: 1,
|
|
133
139
|
},
|
|
140
|
+
title: {
|
|
141
|
+
fontWeight: 'bold',
|
|
142
|
+
},
|
|
134
143
|
});
|
|
135
144
|
export default BottomBar;
|
|
136
145
|
//# sourceMappingURL=BottomBar.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/BottomBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2024 Axelor (<http://axelor.com>).
|
|
5
|
+
*
|
|
6
|
+
* This program is free software: you can redistribute it and/or modify
|
|
7
|
+
* it under the terms of the GNU Affero General Public License, version 3,
|
|
8
|
+
* as published by the Free Software Foundation.
|
|
9
|
+
*
|
|
10
|
+
* This program is distributed in the hope that it will be useful,
|
|
11
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
12
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
13
|
+
* GNU Affero General Public License for more details.
|
|
14
|
+
*
|
|
15
|
+
* You should have received a copy of the GNU Affero General Public License
|
|
16
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
|
+
*/
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import { StyleSheet } from 'react-native';
|
|
20
|
+
import { checkNullString } from '../../../utils';
|
|
21
|
+
import { Text } from '../../atoms';
|
|
22
|
+
const ItemTitle = ({ style, title, fontSize = 12, }) => {
|
|
23
|
+
if (checkNullString(title)) {
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
return (<Text fontSize={fontSize} numberOfLines={1} style={[styles.title, style]}>
|
|
27
|
+
{title}
|
|
28
|
+
</Text>);
|
|
29
|
+
};
|
|
30
|
+
const styles = StyleSheet.create({
|
|
31
|
+
title: {
|
|
32
|
+
textAlign: 'center',
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
export default ItemTitle;
|
|
36
|
+
//# sourceMappingURL=ItemTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemTitle.js","sourceRoot":"","sources":["../../../../src/components/templates/BottomBar/ItemTitle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,EAAE,GAKd,EAAE,EAAE;IACH,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CACvE;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchCard.js","sourceRoot":"","sources":["../../../../src/components/templates/TreeView/BranchCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAW3C,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAAa,EACb,oBAAoB,GACJ,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;UAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACtB;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,EACrD;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CACrC,UAAU,CAAC,CAAC,oBAAoB,CAAC,EAErC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;KACjB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"BranchCard.js","sourceRoot":"","sources":["../../../../src/components/templates/TreeView/BranchCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAW3C,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAAa,EACb,oBAAoB,GACJ,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;UAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACtB;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,EACrD;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAAC,CACjD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CACrC,UAAU,CAAC,CAAC,oBAAoB,CAAC,EAErC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;QACjB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;KACjB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
|