@axelor/aos-mobile-ui 7.1.3 → 7.2.1
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/Screen/Screen.js +13 -2
- package/lib/components/atoms/Screen/Screen.js.map +1 -1
- package/lib/components/molecules/Alert/Alert.d.ts +20 -0
- package/lib/components/molecules/Alert/Alert.js +124 -0
- package/lib/components/molecules/Alert/Alert.js.map +1 -0
- package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.js +1 -3
- package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.js.map +1 -1
- package/lib/components/molecules/Button/Button.d.ts +11 -4
- package/lib/components/molecules/Button/Button.js +34 -11
- package/lib/components/molecules/Button/Button.js.map +1 -1
- package/lib/components/molecules/CircleButton/CircleButton.d.ts +12 -5
- package/lib/components/molecules/CircleButton/CircleButton.js +11 -18
- package/lib/components/molecules/CircleButton/CircleButton.js.map +1 -1
- package/lib/components/molecules/DropdownCard/DropdownCard.d.ts +2 -1
- package/lib/components/molecules/DropdownCard/DropdownCard.js +3 -3
- package/lib/components/molecules/DropdownCard/DropdownCard.js.map +1 -1
- package/lib/components/molecules/InfoBubble/InfoBubble.js +2 -1
- package/lib/components/molecules/InfoBubble/InfoBubble.js.map +1 -1
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js +3 -3
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.d.ts +4 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js +4 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/lib/components/molecules/index.d.ts +1 -2
- package/lib/components/molecules/index.js +1 -2
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js +1 -1
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.js +15 -20
- package/lib/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.js +17 -10
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -1
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +1 -1
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -1
- package/lib/components/organisms/Picker/Picker.js +1 -1
- package/lib/components/organisms/Picker/Picker.js.map +1 -1
- package/lib/components/organisms/index.d.ts +0 -2
- package/lib/components/organisms/index.js +0 -2
- package/lib/components/organisms/index.js.map +1 -1
- package/lib/utils/commons-styles.d.ts +2 -2
- package/lib/utils/commons-styles.js +6 -6
- package/lib/utils/commons-styles.js.map +1 -1
- package/package.json +1 -1
- package/lib/components/molecules/IconButton/IconButton.d.ts +0 -12
- package/lib/components/molecules/IconButton/IconButton.js +0 -48
- package/lib/components/molecules/IconButton/IconButton.js.map +0 -1
- package/lib/components/molecules/PopUp/PopUp.d.ts +0 -10
- package/lib/components/molecules/PopUp/PopUp.js +0 -77
- package/lib/components/molecules/PopUp/PopUp.js.map +0 -1
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.d.ts +0 -9
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.js +0 -41
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.js.map +0 -1
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.d.ts +0 -11
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.js +0 -42
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.js.map +0 -1
|
@@ -15,11 +15,13 @@
|
|
|
15
15
|
* You should have received a copy of the GNU Affero General Public License
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
|
-
import React, { useEffect, useMemo } from 'react';
|
|
18
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
19
19
|
import { ActivityIndicator, 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';
|
|
23
|
+
const FIXED_CONTAINER_PADDING_VERTICAL = 10;
|
|
24
|
+
const FIXED_ITEMS_NOT_DISPLAY_HEIGHT = FIXED_CONTAINER_PADDING_VERTICAL * 2 + 1;
|
|
23
25
|
const immersiveMode = async () => {
|
|
24
26
|
await SystemNavigationBar.navigationHide();
|
|
25
27
|
};
|
|
@@ -27,6 +29,11 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
|
|
|
27
29
|
const Colors = useThemeColor();
|
|
28
30
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
29
31
|
const { showActivityIndicator } = useConfig();
|
|
32
|
+
const [fixedItemsHeight, setFixedItemsHeight] = useState(0);
|
|
33
|
+
const onLayout = event => {
|
|
34
|
+
const { height } = event.nativeEvent.layout;
|
|
35
|
+
setFixedItemsHeight(height);
|
|
36
|
+
};
|
|
30
37
|
useEffect(() => {
|
|
31
38
|
immersiveMode();
|
|
32
39
|
}, []);
|
|
@@ -39,7 +46,10 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
|
|
|
39
46
|
style,
|
|
40
47
|
]}>
|
|
41
48
|
{children}
|
|
42
|
-
{
|
|
49
|
+
{!!fixedItems && (<View style={fixedItemsHeight > FIXED_ITEMS_NOT_DISPLAY_HEIGHT && [
|
|
50
|
+
styles.fixedContainer,
|
|
51
|
+
styles.smallTopShadow,
|
|
52
|
+
]} onLayout={onLayout}>
|
|
43
53
|
{fixedItems}
|
|
44
54
|
</View>)}
|
|
45
55
|
</View>);
|
|
@@ -56,6 +66,7 @@ const getStyles = (Colors) => StyleSheet.create({
|
|
|
56
66
|
backgroundColor: Colors.backgroundColor,
|
|
57
67
|
borderTopLeftRadius: 13,
|
|
58
68
|
borderTopRightRadius: 13,
|
|
69
|
+
paddingVertical: FIXED_CONTAINER_PADDING_VERTICAL,
|
|
59
70
|
},
|
|
60
71
|
smallTopShadow: {
|
|
61
72
|
borderTopWidth: 0.5,
|
|
@@ -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,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ButtonProps } from '../Button/Button';
|
|
2
|
+
interface ButtonConfig extends ButtonProps {
|
|
3
|
+
hide?: boolean;
|
|
4
|
+
}
|
|
5
|
+
interface CancelButtonConfig extends ButtonConfig {
|
|
6
|
+
showInHeader?: boolean;
|
|
7
|
+
headerSize?: number;
|
|
8
|
+
}
|
|
9
|
+
interface AlertProps {
|
|
10
|
+
style?: any;
|
|
11
|
+
visible: boolean;
|
|
12
|
+
title?: string;
|
|
13
|
+
noBoldTitle?: boolean;
|
|
14
|
+
children: any;
|
|
15
|
+
cancelButtonConfig?: CancelButtonConfig;
|
|
16
|
+
confirmButtonConfig?: ButtonConfig;
|
|
17
|
+
translator?: (key: string) => string;
|
|
18
|
+
}
|
|
19
|
+
declare const Alert: ({ style, visible, title, noBoldTitle, children, cancelButtonConfig, confirmButtonConfig, translator, }: AlertProps) => JSX.Element;
|
|
20
|
+
export default Alert;
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2023 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, { useMemo } from 'react';
|
|
19
|
+
import { StyleSheet, View, Modal } from 'react-native';
|
|
20
|
+
import { useThemeColor } from '../../../theme';
|
|
21
|
+
import { Card, Text, Icon } from '../../atoms';
|
|
22
|
+
import Button from '../Button/Button';
|
|
23
|
+
import { checkNullString } from '../../../utils';
|
|
24
|
+
const DEFAULT_BUTTON_WIDTH = 115;
|
|
25
|
+
const Alert = ({ style, visible = false, title, noBoldTitle = false, children, cancelButtonConfig, confirmButtonConfig, translator = key => key, }) => {
|
|
26
|
+
const Colors = useThemeColor();
|
|
27
|
+
const _cancelButtonConfig = useMemo(() => {
|
|
28
|
+
if (!cancelButtonConfig) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
return {
|
|
32
|
+
title: translator('Base_Cancel'),
|
|
33
|
+
color: Colors.errorColor,
|
|
34
|
+
iconName: 'times',
|
|
35
|
+
hide: false,
|
|
36
|
+
showInHeader: false,
|
|
37
|
+
headerSize: 20,
|
|
38
|
+
width: DEFAULT_BUTTON_WIDTH,
|
|
39
|
+
...cancelButtonConfig,
|
|
40
|
+
};
|
|
41
|
+
}, [translator, Colors, cancelButtonConfig]);
|
|
42
|
+
const _confirmButtonConfig = useMemo(() => {
|
|
43
|
+
if (!confirmButtonConfig) {
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
return {
|
|
47
|
+
title: translator('Base_OK'),
|
|
48
|
+
color: Colors.primaryColor,
|
|
49
|
+
iconName: 'check',
|
|
50
|
+
hide: false,
|
|
51
|
+
width: DEFAULT_BUTTON_WIDTH,
|
|
52
|
+
...confirmButtonConfig,
|
|
53
|
+
};
|
|
54
|
+
}, [translator, Colors, confirmButtonConfig]);
|
|
55
|
+
const isCancelButtonDisplayedBottom = useMemo(() => {
|
|
56
|
+
return !_cancelButtonConfig?.hide && !_cancelButtonConfig?.showInHeader;
|
|
57
|
+
}, [_cancelButtonConfig]);
|
|
58
|
+
const isConfirmButtonDisplayedBottom = useMemo(() => {
|
|
59
|
+
return !_confirmButtonConfig?.hide;
|
|
60
|
+
}, [_confirmButtonConfig]);
|
|
61
|
+
return (<Modal visible={visible} transparent animationType="fade" onRequestClose={_cancelButtonConfig?.onPress}>
|
|
62
|
+
<View style={styles.modalBackground}>
|
|
63
|
+
<Card style={[styles.container, style]}>
|
|
64
|
+
<View style={styles.headerContainer}>
|
|
65
|
+
{!checkNullString(title) && (<Text writingType={noBoldTitle ? null : 'title'} fontSize={20} style={[
|
|
66
|
+
styles.title,
|
|
67
|
+
{ marginHorizontal: _cancelButtonConfig?.headerSize },
|
|
68
|
+
]}>
|
|
69
|
+
{title}
|
|
70
|
+
</Text>)}
|
|
71
|
+
{!_cancelButtonConfig?.hide &&
|
|
72
|
+
_cancelButtonConfig?.showInHeader && (<Icon name="times" size={_cancelButtonConfig?.headerSize} style={styles.headerCancelButton} touchable onPress={_cancelButtonConfig?.onPress}/>)}
|
|
73
|
+
</View>
|
|
74
|
+
{children}
|
|
75
|
+
{(isCancelButtonDisplayedBottom ||
|
|
76
|
+
isConfirmButtonDisplayedBottom) && (<View style={styles.buttonsContainer}>
|
|
77
|
+
{isCancelButtonDisplayedBottom && (<Button {..._cancelButtonConfig} style={styles.cancelButton}/>)}
|
|
78
|
+
{isConfirmButtonDisplayedBottom && (<Button {..._confirmButtonConfig}/>)}
|
|
79
|
+
</View>)}
|
|
80
|
+
</Card>
|
|
81
|
+
</View>
|
|
82
|
+
</Modal>);
|
|
83
|
+
};
|
|
84
|
+
const styles = StyleSheet.create({
|
|
85
|
+
modalBackground: {
|
|
86
|
+
flex: 1,
|
|
87
|
+
justifyContent: 'center',
|
|
88
|
+
alignItems: 'center',
|
|
89
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
90
|
+
},
|
|
91
|
+
container: {
|
|
92
|
+
width: '90%',
|
|
93
|
+
justifyContent: 'center',
|
|
94
|
+
alignItems: 'center',
|
|
95
|
+
paddingHorizontal: 20,
|
|
96
|
+
paddingRight: 20,
|
|
97
|
+
paddingVertical: 15,
|
|
98
|
+
},
|
|
99
|
+
headerContainer: {
|
|
100
|
+
width: '100%',
|
|
101
|
+
justifyContent: 'center',
|
|
102
|
+
alignItems: 'center',
|
|
103
|
+
marginBottom: 10,
|
|
104
|
+
},
|
|
105
|
+
title: {
|
|
106
|
+
textAlign: 'center',
|
|
107
|
+
},
|
|
108
|
+
headerCancelButton: {
|
|
109
|
+
position: 'absolute',
|
|
110
|
+
right: 0,
|
|
111
|
+
top: 0,
|
|
112
|
+
},
|
|
113
|
+
buttonsContainer: {
|
|
114
|
+
width: '100%',
|
|
115
|
+
flexDirection: 'row',
|
|
116
|
+
justifyContent: 'flex-end',
|
|
117
|
+
marginTop: 10,
|
|
118
|
+
},
|
|
119
|
+
cancelButton: {
|
|
120
|
+
marginRight: 10,
|
|
121
|
+
},
|
|
122
|
+
});
|
|
123
|
+
export default Alert;
|
|
124
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,12 +17,10 @@
|
|
|
17
17
|
*/
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { StyleSheet, Dimensions, View } from 'react-native';
|
|
20
|
-
import { checkNullString } from '../../../utils/strings';
|
|
21
20
|
import { useConfig } from '../../../config/ConfigContext';
|
|
22
21
|
import { BlockInteractionScreen, Card } from '../../atoms';
|
|
23
22
|
import Button from '../Button/Button';
|
|
24
23
|
import WarningCard from '../WarningCard/WarningCard';
|
|
25
|
-
import IconButton from '../IconButton/IconButton';
|
|
26
24
|
/**
|
|
27
25
|
* @description To use this component, please use
|
|
28
26
|
* setBlockInteractionConfig({
|
|
@@ -50,7 +48,7 @@ const BlockInteractionMessage = ({}) => {
|
|
|
50
48
|
{Array.isArray(blockInteractionConfig.actionItems) &&
|
|
51
49
|
blockInteractionConfig.actionItems.length > 0 && (<View style={styles.buttonContainer}>
|
|
52
50
|
{blockInteractionConfig.actionItems.map((action, index) => {
|
|
53
|
-
return
|
|
51
|
+
return (<Button iconName={action.iconName} key={index} title={action.title} onPress={action.onPress} color={action.color} style={styles.width}/>);
|
|
54
52
|
})}
|
|
55
53
|
</View>)}
|
|
56
54
|
</Card>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,uBAAuB,GAAG,CAAC,EAAE,EAAE,EAAE;IACrC,MAAM,EAAC,sBAAsB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7C,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;QACpC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CACvC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAC5D;QAAA,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAC7C,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEtB;QAAA,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,WAAW,CAAC;YAChD,sBAAsB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,sBAAsB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,CACH,CAAC;YACJ,CAAC,CAAC,CACJ;YAAA,EAAE,IAAI,CAAC,CACR,CACL;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI;QAC3C,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC1C,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;KAC5C;IACD,KAAK,EAAE;QACL,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;KAC7C;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { Color } from '../../../theme/themes';
|
|
2
|
-
interface ButtonProps {
|
|
2
|
+
export interface ButtonProps {
|
|
3
|
+
width?: string | number;
|
|
4
|
+
color?: Color;
|
|
5
|
+
isNeutralBackground?: boolean;
|
|
6
|
+
iconName?: string;
|
|
7
|
+
iconSize?: number;
|
|
8
|
+
FontAwesome5?: boolean;
|
|
9
|
+
title?: string;
|
|
3
10
|
style?: any;
|
|
11
|
+
styleIcon?: any;
|
|
4
12
|
styleTxt?: any;
|
|
5
|
-
color?: Color;
|
|
6
|
-
title: string;
|
|
7
13
|
onPress?: () => void;
|
|
8
14
|
disabled?: boolean;
|
|
15
|
+
onDisabledPress?: () => void;
|
|
9
16
|
}
|
|
10
|
-
declare const Button: ({
|
|
17
|
+
declare const Button: ({ width, color, isNeutralBackground, iconName, iconSize, FontAwesome5, title, style, styleIcon, styleTxt, onPress, disabled, onDisabledPress, }: ButtonProps) => JSX.Element;
|
|
11
18
|
export default Button;
|
|
@@ -19,29 +19,52 @@ import React, { useMemo } from 'react';
|
|
|
19
19
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
20
20
|
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
21
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
|
-
import { Text } from '../../atoms';
|
|
23
|
-
const Button = ({
|
|
22
|
+
import { Icon, Text } from '../../atoms';
|
|
23
|
+
const Button = ({ width = '90%', color, isNeutralBackground = false, iconName, iconSize = 15, FontAwesome5 = true, title, style, styleIcon, styleTxt, onPress = () => { }, disabled = false, onDisabledPress = null, }) => {
|
|
24
24
|
const Colors = useThemeColor();
|
|
25
|
-
const buttonColor = useMemo(() =>
|
|
25
|
+
const buttonColor = useMemo(() => {
|
|
26
|
+
if (disabled) {
|
|
27
|
+
return Colors.secondaryColor;
|
|
28
|
+
}
|
|
29
|
+
let _buttonColor = color != null ? color : Colors.primaryColor;
|
|
30
|
+
if (isNeutralBackground) {
|
|
31
|
+
_buttonColor = {
|
|
32
|
+
background: _buttonColor.background,
|
|
33
|
+
background_light: Colors.backgroundColor,
|
|
34
|
+
foreground: Colors.text,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return _buttonColor;
|
|
38
|
+
}, [color, Colors, disabled, isNeutralBackground]);
|
|
26
39
|
const styles = useMemo(() => {
|
|
27
|
-
return getStyles(buttonColor
|
|
28
|
-
}, [buttonColor]);
|
|
40
|
+
return getStyles(buttonColor, width);
|
|
41
|
+
}, [buttonColor, width]);
|
|
29
42
|
const commonStyles = useMemo(() => {
|
|
30
43
|
return getCommonStyles(Colors);
|
|
31
44
|
}, [Colors]);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
45
|
+
if (!iconName && !title) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
return (<TouchableOpacity style={[commonStyles.button, styles.colorButton, style]} onPress={disabled ? onDisabledPress : onPress} disabled={disabled && !onDisabledPress} activeOpacity={0.9}>
|
|
49
|
+
{!!iconName && (<Icon name={iconName} FontAwesome5={FontAwesome5} size={iconSize} color={buttonColor.foreground} style={[styles.icon, styleIcon]}/>)}
|
|
50
|
+
{!!title && (<Text style={[styles.text, styleTxt]} fontSize={17} textColor={buttonColor.foreground}>
|
|
51
|
+
{title}
|
|
52
|
+
</Text>)}
|
|
36
53
|
</TouchableOpacity>);
|
|
37
54
|
};
|
|
38
|
-
const getStyles =
|
|
55
|
+
const getStyles = (color, width) => StyleSheet.create({
|
|
39
56
|
colorButton: {
|
|
40
|
-
backgroundColor:
|
|
57
|
+
backgroundColor: color.background_light,
|
|
58
|
+
borderColor: color.background,
|
|
59
|
+
width: width,
|
|
41
60
|
},
|
|
42
61
|
text: {
|
|
43
62
|
fontWeight: 'bold',
|
|
44
63
|
textAlign: 'center',
|
|
64
|
+
marginHorizontal: 5,
|
|
65
|
+
},
|
|
66
|
+
icon: {
|
|
67
|
+
marginHorizontal: 5,
|
|
45
68
|
},
|
|
46
69
|
});
|
|
47
70
|
export default Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import { Color } from '../../../theme/themes';
|
|
2
|
+
interface CircleButtonProps {
|
|
3
|
+
square?: boolean;
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: Color;
|
|
6
|
+
isNeutralBackground?: boolean;
|
|
7
|
+
iconName: string;
|
|
8
|
+
FontAwesome5?: boolean;
|
|
2
9
|
style?: any;
|
|
10
|
+
onPress?: () => void;
|
|
3
11
|
disabled?: boolean;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}) => JSX.Element;
|
|
12
|
+
onDisabledPress?: () => void;
|
|
13
|
+
}
|
|
14
|
+
declare const CircleButton: ({ square, size, color, isNeutralBackground, iconName, FontAwesome5, style, onPress, disabled, onDisabledPress, }: CircleButtonProps) => JSX.Element;
|
|
8
15
|
export default CircleButton;
|
|
@@ -16,31 +16,24 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
|
-
import { StyleSheet
|
|
20
|
-
import {
|
|
21
|
-
import { Icon } from '../../atoms';
|
|
19
|
+
import { StyleSheet } from 'react-native';
|
|
20
|
+
import { Button } from '../../molecules';
|
|
22
21
|
const BUTTON_SIZE = 50;
|
|
23
|
-
const CircleButton = ({
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
const CircleButton = ({ square = true, size = BUTTON_SIZE, color, isNeutralBackground = false, iconName, FontAwesome5 = true, style, onPress = () => { }, disabled = false, onDisabledPress = null, }) => {
|
|
23
|
+
const styles = useMemo(() => {
|
|
24
|
+
return getStyles(size, square);
|
|
25
|
+
}, [size, square]);
|
|
27
26
|
const iconSize = useMemo(() => Math.floor(size / 2), [size]);
|
|
28
|
-
return (<
|
|
29
|
-
<Icon name={iconName} color={color.foreground} size={iconSize} style={styles.icon}/>
|
|
30
|
-
</TouchableOpacity>);
|
|
27
|
+
return (<Button color={color} isNeutralBackground={isNeutralBackground} iconName={iconName} iconSize={iconSize} FontAwesome5={FontAwesome5} style={[styles.button, style]} styleIcon={styles.icon} onPress={onPress} disabled={disabled} onDisabledPress={onDisabledPress}/>);
|
|
31
28
|
};
|
|
32
|
-
const getStyles = (
|
|
33
|
-
|
|
34
|
-
backgroundColor: color,
|
|
35
|
-
borderRadius: size,
|
|
29
|
+
const getStyles = (size, square) => StyleSheet.create({
|
|
30
|
+
button: {
|
|
36
31
|
width: size,
|
|
37
32
|
height: size,
|
|
38
|
-
|
|
39
|
-
justifyContent: 'center',
|
|
40
|
-
alignItems: 'center',
|
|
33
|
+
borderRadius: square ? 13 : size,
|
|
41
34
|
},
|
|
42
35
|
icon: {
|
|
43
|
-
|
|
36
|
+
marginHorizontal: 0,
|
|
44
37
|
},
|
|
45
38
|
});
|
|
46
39
|
export default CircleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircleButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CircleButton/CircleButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"CircleButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CircleButton/CircleButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAGvC,MAAM,WAAW,GAAG,EAAE,CAAC;AAevB,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,WAAW,EAClB,KAAK,EACL,mBAAmB,GAAG,KAAK,EAC3B,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,KAAK,EACL,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,GACJ,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAC9B,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,EAAE,CAClD,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjC;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
interface DropdownCardProps {
|
|
2
2
|
style?: any;
|
|
3
3
|
styleText?: any;
|
|
4
|
+
styleContainer?: any;
|
|
4
5
|
title: string;
|
|
5
6
|
children: any;
|
|
6
7
|
dropdownIsOpen?: boolean;
|
|
7
8
|
onPress?: () => void;
|
|
8
9
|
showIcon?: boolean;
|
|
9
10
|
}
|
|
10
|
-
declare const DropdownCard: ({ style, styleText, title, dropdownIsOpen, children, onPress, showIcon, }: DropdownCardProps) => JSX.Element;
|
|
11
|
+
declare const DropdownCard: ({ style, styleText, styleContainer, title, dropdownIsOpen, children, onPress, showIcon, }: DropdownCardProps) => JSX.Element;
|
|
11
12
|
export default DropdownCard;
|
|
@@ -21,7 +21,7 @@ import { animationUtil } from '../../../tools/AnimationUtil';
|
|
|
21
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
22
|
import { Card, Icon, Text } from '../../atoms';
|
|
23
23
|
import { getCommonStyles } from '../../../utils';
|
|
24
|
-
const DropdownCard = ({ style, styleText, title, dropdownIsOpen = false, children, onPress, showIcon = true, }) => {
|
|
24
|
+
const DropdownCard = ({ style, styleText, styleContainer, title, dropdownIsOpen = false, children, onPress, showIcon = true, }) => {
|
|
25
25
|
const [isOpen, setIsOpen] = useState(dropdownIsOpen);
|
|
26
26
|
const Colors = useThemeColor();
|
|
27
27
|
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
@@ -33,7 +33,7 @@ const DropdownCard = ({ style, styleText, title, dropdownIsOpen = false, childre
|
|
|
33
33
|
animationUtil.animateNext();
|
|
34
34
|
onPress ? onPress() : setIsOpen(!isOpen);
|
|
35
35
|
};
|
|
36
|
-
return (<View style={styles.container}>
|
|
36
|
+
return (<View style={[styles.container, styleContainer]}>
|
|
37
37
|
<TouchableOpacity style={styles.touchable} onPress={handleCardPress} disabled={!showIcon} activeOpacity={0.95}>
|
|
38
38
|
<View style={[
|
|
39
39
|
commonStyles.filter,
|
|
@@ -58,7 +58,7 @@ const getStyles = Colors => StyleSheet.create({
|
|
|
58
58
|
width: '90%',
|
|
59
59
|
},
|
|
60
60
|
touchable: {
|
|
61
|
-
zIndex:
|
|
61
|
+
zIndex: 35,
|
|
62
62
|
},
|
|
63
63
|
content: {
|
|
64
64
|
width: Dimensions.get('window').width * 0.92,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownCard/DropdownCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownCard/DropdownCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
20
20
|
import { Card, Icon, Text } from '../../atoms';
|
|
21
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
22
|
import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
|
|
23
|
+
import { checkNullString } from '../../../utils';
|
|
23
24
|
const InfoBubble = ({ style, iconName, badgeColor, indication, textIndicationStyle, size = Dimensions.get('window').width * 0.07, position = 'right', coloredBubble = true, }) => {
|
|
24
25
|
const [isOpen, setIsOpen] = useState(false);
|
|
25
26
|
const wrapperRef = useRef(null);
|
|
@@ -38,7 +39,7 @@ const InfoBubble = ({ style, iconName, badgeColor, indication, textIndicationSty
|
|
|
38
39
|
<TouchableOpacity onPress={onPress} activeOpacity={0.95}>
|
|
39
40
|
<Icon name={iconName} style={coloredBubble ? styles.icon : null} color={coloredBubble ? badgeColor.foreground : badgeColor.background} size={coloredBubble ? size * 0.5 : size * 0.8}/>
|
|
40
41
|
</TouchableOpacity>
|
|
41
|
-
{isOpen ? (<Card style={[styles.indicationCard, textIndicationStyle]}>
|
|
42
|
+
{!checkNullString(indication) && isOpen ? (<Card style={[styles.indicationCard, textIndicationStyle]}>
|
|
42
43
|
<Text>{indication}</Text>
|
|
43
44
|
</Card>) : null}
|
|
44
45
|
</View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoBubble.js","sourceRoot":"","sources":["../../../../src/components/molecules/InfoBubble/InfoBubble.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"InfoBubble.js","sourceRoot":"","sources":["../../../../src/components/molecules/InfoBubble/InfoBubble.tsx"],"names":[],"mappings":"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"}
|
|
@@ -53,7 +53,7 @@ const getItemStyles = isPicker => StyleSheet.create({
|
|
|
53
53
|
alignItems: 'center',
|
|
54
54
|
position: 'relative',
|
|
55
55
|
width: '100%',
|
|
56
|
-
zIndex:
|
|
56
|
+
zIndex: 105,
|
|
57
57
|
},
|
|
58
58
|
text: {
|
|
59
59
|
width: isPicker ? '85%' : '100%',
|
|
@@ -125,7 +125,7 @@ const getStyles = (Colors, listLength, emptyValue) => StyleSheet.create({
|
|
|
125
125
|
width: '100%',
|
|
126
126
|
position: 'absolute',
|
|
127
127
|
top: '95%',
|
|
128
|
-
zIndex:
|
|
128
|
+
zIndex: 110,
|
|
129
129
|
backgroundColor: Colors.backgroundColor,
|
|
130
130
|
borderRadius: 10,
|
|
131
131
|
borderColor: Colors.secondaryColor.background,
|
|
@@ -138,7 +138,7 @@ const getStyles = (Colors, listLength, emptyValue) => StyleSheet.create({
|
|
|
138
138
|
border: {
|
|
139
139
|
borderBottomColor: Colors.secondaryColor.background,
|
|
140
140
|
borderBottomWidth: 1,
|
|
141
|
-
zIndex:
|
|
141
|
+
zIndex: 115,
|
|
142
142
|
width: '104%',
|
|
143
143
|
left: -14,
|
|
144
144
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAqB,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAYvC,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,GACG,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,SAAS,IAAI,MAAM,CAAC,YAAY,EACtC,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CACjC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,EAC9C,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtE,OAAO,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACvB,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CACnD,KAAK,CAAC,CACJ,QAAQ;gBACN,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB;gBACxC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,UAAU,CAC1C,EACD,CACH,CACD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAC7C;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,EAAG,CACrE;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IAChC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,YAAY,EAAE;YACZ,eAAe,EAAE,KAAK;YACtB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,EAAE;YACV,mBAAmB,EAAE,CAAC;YACtB,sBAAsB,EAAE,CAAC;SAC1B;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,CAC/B,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
1
2
|
interface ToggleSwitchProps {
|
|
2
3
|
styleContainer?: any;
|
|
3
4
|
styleToogle?: any;
|
|
4
5
|
leftTitle: string;
|
|
6
|
+
leftElement?: ReactElement | JSX.Element;
|
|
5
7
|
rightTitle: string;
|
|
8
|
+
rigthElement?: ReactElement | JSX.Element;
|
|
6
9
|
onSwitch: () => void;
|
|
7
10
|
}
|
|
8
|
-
declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch, }: ToggleSwitchProps) => JSX.Element;
|
|
11
|
+
declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, leftElement, rightTitle, rigthElement, onSwitch, }: ToggleSwitchProps) => JSX.Element;
|
|
9
12
|
export default ToggleSwitch;
|