@axelor/aos-mobile-ui 7.1.1 → 7.2.0
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/Icon/Icon.d.ts +1 -2
- package/lib/components/atoms/Icon/Icon.js +6 -6
- package/lib/components/atoms/Icon/Icon.js.map +1 -1
- package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.d.ts +6 -1
- package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js +3 -3
- package/lib/components/atoms/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.js.map +1 -1
- package/lib/components/atoms/RadioButton/RadioButton.d.ts +7 -0
- package/lib/components/atoms/RadioButton/RadioButton.js +73 -0
- package/lib/components/atoms/RadioButton/RadioButton.js.map +1 -0
- package/lib/components/atoms/Screen/Screen.js +13 -2
- package/lib/components/atoms/Screen/Screen.js.map +1 -1
- package/lib/components/atoms/ScrollView/ScrollView.d.ts +6 -1
- package/lib/components/atoms/ScrollView/ScrollView.js +3 -3
- package/lib/components/atoms/ScrollView/ScrollView.js.map +1 -1
- package/lib/components/atoms/Switch/Switch.js +3 -5
- package/lib/components/atoms/Switch/Switch.js.map +1 -1
- package/lib/components/atoms/index.d.ts +1 -0
- package/lib/components/atoms/index.js +1 -0
- package/lib/components/atoms/index.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/FormHtmlInput/FormHtmlInput.d.ts +2 -1
- package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js +11 -2
- package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js.map +1 -1
- package/lib/components/molecules/FormInput/FormInput.js +1 -1
- package/lib/components/molecules/FormInput/FormInput.js.map +1 -1
- package/lib/components/molecules/Image/Image.js +13 -5
- package/lib/components/molecules/Image/Image.js.map +1 -1
- package/lib/components/molecules/Increment/Increment.js +2 -2
- package/lib/components/molecules/Increment/Increment.js.map +1 -1
- package/lib/components/molecules/InfoBubble/InfoBubble.d.ts +2 -1
- package/lib/components/molecules/InfoBubble/InfoBubble.js +4 -3
- package/lib/components/molecules/InfoBubble/InfoBubble.js.map +1 -1
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.d.ts +4 -3
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js +4 -15
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js.map +1 -1
- package/lib/components/molecules/RadioSelect/RadioSelect.d.ts +14 -0
- package/lib/components/molecules/RadioSelect/RadioSelect.js +59 -0
- package/lib/components/molecules/RadioSelect/RadioSelect.js.map +1 -0
- package/lib/components/molecules/SelectionContainer/SelectionContainer.d.ts +4 -3
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js +17 -9
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -1
- package/lib/components/molecules/SwitchCard/SwitchCard.js +22 -5
- package/lib/components/molecules/SwitchCard/SwitchCard.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 +2 -2
- package/lib/components/molecules/index.js +2 -2
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.d.ts +4 -1
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js +17 -13
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/ItemCard.js +3 -2
- package/lib/components/organisms/AutoCompleteSearch/ItemCard.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.js +17 -19
- package/lib/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.js.map +1 -1
- package/lib/components/organisms/ChipSelect/ChipSelect.d.ts +2 -1
- package/lib/components/organisms/ChipSelect/ChipSelect.js +29 -26
- package/lib/components/organisms/ChipSelect/ChipSelect.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.d.ts +4 -5
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +22 -40
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -1
- package/lib/components/organisms/Picker/Picker.d.ts +4 -5
- package/lib/components/organisms/Picker/Picker.js +67 -72
- package/lib/components/organisms/Picker/Picker.js.map +1 -1
- package/lib/components/organisms/SearchBar/SearchBar.d.ts +4 -1
- package/lib/components/organisms/SearchBar/SearchBar.js +36 -13
- package/lib/components/organisms/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/organisms/index.d.ts +0 -3
- package/lib/components/organisms/index.js +0 -3
- package/lib/components/organisms/index.js.map +1 -1
- package/lib/components/templates/ObjectCard/ObjectCard.d.ts +3 -1
- package/lib/components/templates/ObjectCard/ObjectCard.js +5 -6
- package/lib/components/templates/ObjectCard/ObjectCard.js.map +1 -1
- package/lib/theme/writingTheme.js +4 -4
- 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 +6 -3
- 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/MultiSelectValue/MultiSelectValue.d.ts +0 -9
- package/lib/components/organisms/MultiSelectValue/MultiSelectValue.js +0 -49
- package/lib/components/organisms/MultiSelectValue/MultiSelectValue.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
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,16 +16,33 @@
|
|
|
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, View } from 'react-native';
|
|
19
20
|
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
20
|
-
import { useThemeColor } from '../../../theme
|
|
21
|
-
import {
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
|
+
import { Switch, Text } from '../../atoms';
|
|
22
23
|
const SwitchCard = ({ style, title, defaultValue, onToggle = () => { }, }) => {
|
|
23
24
|
const Colors = useThemeColor();
|
|
24
|
-
const
|
|
25
|
-
|
|
25
|
+
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
26
|
+
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
27
|
+
return (<View style={[
|
|
28
|
+
commonStyles.filter,
|
|
29
|
+
commonStyles.filterAlign,
|
|
30
|
+
commonStyles.filterSize,
|
|
31
|
+
styles.container,
|
|
32
|
+
style,
|
|
33
|
+
]}>
|
|
26
34
|
<Text>{title}</Text>
|
|
27
35
|
<Switch isEnabled={defaultValue} handleToggle={onToggle}/>
|
|
28
|
-
</
|
|
36
|
+
</View>);
|
|
29
37
|
};
|
|
38
|
+
const getStyles = (Colors) => StyleSheet.create({
|
|
39
|
+
container: {
|
|
40
|
+
width: '90%',
|
|
41
|
+
borderColor: Colors.secondaryColor.background,
|
|
42
|
+
borderWidth: 1,
|
|
43
|
+
marginHorizontal: 0,
|
|
44
|
+
minHeight: 40,
|
|
45
|
+
},
|
|
46
|
+
});
|
|
30
47
|
export default SwitchCard;
|
|
31
48
|
//# sourceMappingURL=SwitchCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/SwitchCard/SwitchCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,
|
|
1
|
+
{"version":3,"file":"SwitchCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/SwitchCard/SwitchCard.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,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AASzC,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACH,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,WAAW;YACxB,YAAY,CAAC,UAAU;YACvB,MAAM,CAAC,SAAS;YAChB,KAAK;SACN,CAAC,CACF;MAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACnB;MAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAC1D;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,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,WAAW,EAAE,CAAC;QACd,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,EAAE;KACd;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
|
|
@@ -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;
|
|
@@ -19,7 +19,7 @@ import React, { useMemo, useState } from 'react';
|
|
|
19
19
|
import { Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
20
20
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
21
21
|
import { Text } from '../../atoms';
|
|
22
|
-
const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, rightTitle, onSwitch = () => { }, }) => {
|
|
22
|
+
const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, leftElement, rightTitle, rigthElement, onSwitch = () => { }, }) => {
|
|
23
23
|
const Colors = useThemeColor();
|
|
24
24
|
const [active, setActive] = useState(true);
|
|
25
25
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
@@ -34,9 +34,11 @@ const ToggleSwitch = ({ styleContainer, styleToogle, leftTitle, rightTitle, onSw
|
|
|
34
34
|
return (<View style={[styles.container, styleContainer]}>
|
|
35
35
|
<TouchableOpacity style={[styles.toggle, active && styles.active, styleToogle]} disabled={active} onPress={onLeftPress}>
|
|
36
36
|
<Text>{leftTitle}</Text>
|
|
37
|
+
{leftElement != null && React.cloneElement(leftElement)}
|
|
37
38
|
</TouchableOpacity>
|
|
38
39
|
<TouchableOpacity style={[styles.toggle, !active && styles.active, styleToogle]} disabled={!active} onPress={onRightPress}>
|
|
39
40
|
<Text>{rightTitle}</Text>
|
|
41
|
+
{rigthElement != null && React.cloneElement(rigthElement)}
|
|
40
42
|
</TouchableOpacity>
|
|
41
43
|
</View>);
|
|
42
44
|
};
|
|
@@ -57,6 +59,7 @@ const getStyles = Colors => StyleSheet.create({
|
|
|
57
59
|
borderRadius: 50,
|
|
58
60
|
justifyContent: 'center',
|
|
59
61
|
alignItems: 'center',
|
|
62
|
+
flexDirection: 'row',
|
|
60
63
|
},
|
|
61
64
|
active: {
|
|
62
65
|
backgroundColor: Colors.primaryColor.background_light,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { default as Alert } from './Alert/Alert';
|
|
1
2
|
export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
|
|
2
3
|
export { default as Badge } from './Badge/Badge';
|
|
3
4
|
export { default as BlockInteractionMessage } from './BlockInteractionMessage/BlockInteractionMessage';
|
|
@@ -15,7 +16,6 @@ export { default as FormIncrementInput } from './FormIncrementInput/FormIncremen
|
|
|
15
16
|
export { default as FormInput } from './FormInput/FormInput';
|
|
16
17
|
export { default as FromTo } from './FromTo/FromTo';
|
|
17
18
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
18
|
-
export { default as IconButton } from './IconButton/IconButton';
|
|
19
19
|
export { default as IconInput } from './IconInput/IconInput';
|
|
20
20
|
export { default as Image } from './Image/Image';
|
|
21
21
|
export { default as Increment } from './Increment/Increment';
|
|
@@ -29,7 +29,7 @@ export { default as MultiValuePickerButton } from './MultiValuePickerButton/Mult
|
|
|
29
29
|
export { default as NotesCard } from './NotesCard/NotesCard';
|
|
30
30
|
export { default as NumberBubble } from './NumberBubble/NumberBubble';
|
|
31
31
|
export { default as PanelTabs } from './PanelTabs/PanelTabs';
|
|
32
|
-
export { default as
|
|
32
|
+
export { default as RadioSelect } from './RadioSelect/RadioSelect';
|
|
33
33
|
export { default as RightIconButton } from './RightIconButton/RightIconButton';
|
|
34
34
|
export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
|
|
35
35
|
export { default as StarScore } from './StarScore/StarScore';
|
|
@@ -15,6 +15,7 @@
|
|
|
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
|
+
export { default as Alert } from './Alert/Alert';
|
|
18
19
|
export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
|
|
19
20
|
export { default as Badge } from './Badge/Badge';
|
|
20
21
|
export { default as BlockInteractionMessage } from './BlockInteractionMessage/BlockInteractionMessage';
|
|
@@ -32,7 +33,6 @@ export { default as FormIncrementInput } from './FormIncrementInput/FormIncremen
|
|
|
32
33
|
export { default as FormInput } from './FormInput/FormInput';
|
|
33
34
|
export { default as FromTo } from './FromTo/FromTo';
|
|
34
35
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
35
|
-
export { default as IconButton } from './IconButton/IconButton';
|
|
36
36
|
export { default as IconInput } from './IconInput/IconInput';
|
|
37
37
|
export { default as Image } from './Image/Image';
|
|
38
38
|
export { default as Increment } from './Increment/Increment';
|
|
@@ -46,7 +46,7 @@ export { default as MultiValuePickerButton } from './MultiValuePickerButton/Mult
|
|
|
46
46
|
export { default as NotesCard } from './NotesCard/NotesCard';
|
|
47
47
|
export { default as NumberBubble } from './NumberBubble/NumberBubble';
|
|
48
48
|
export { default as PanelTabs } from './PanelTabs/PanelTabs';
|
|
49
|
-
export { default as
|
|
49
|
+
export { default as RadioSelect } from './RadioSelect/RadioSelect';
|
|
50
50
|
export { default as RightIconButton } from './RightIconButton/RightIconButton';
|
|
51
51
|
export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
|
|
52
52
|
export { default as StarScore } from './StarScore/StarScore';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,uBAAuB,EAAC,MAAM,mDAAmD,CAAC;AACrG,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
interface AutocompleteSearchProps {
|
|
2
|
+
title?: string;
|
|
2
3
|
objectList: any[];
|
|
3
4
|
value?: any;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
readonly?: boolean;
|
|
4
7
|
onChangeValue?: (item: any) => void;
|
|
5
8
|
fetchData?: ({ page, searchValue, }: {
|
|
6
9
|
page: number;
|
|
@@ -23,5 +26,5 @@ interface AutocompleteSearchProps {
|
|
|
23
26
|
translator?: (translationKey: string) => string;
|
|
24
27
|
isScrollViewContainer?: boolean;
|
|
25
28
|
}
|
|
26
|
-
declare const AutoCompleteSearch: ({ objectList, value, onChangeValue, fetchData, displayValue, placeholder, changeScreenAfter, navigate, oneFilter, onSelection, onScanPress, scanIconColor, selectLastItem, style, showDetailsPopup, loadingList, moreLoading, isListEnd, translator, isScrollViewContainer, }: AutocompleteSearchProps) => JSX.Element;
|
|
29
|
+
declare const AutoCompleteSearch: ({ title, objectList, value, required, readonly, onChangeValue, fetchData, displayValue, placeholder, changeScreenAfter, navigate, oneFilter, onSelection, onScanPress, scanIconColor, selectLastItem, style, showDetailsPopup, loadingList, moreLoading, isListEnd, translator, isScrollViewContainer, }: AutocompleteSearchProps) => JSX.Element;
|
|
27
30
|
export default AutoCompleteSearch;
|
|
@@ -27,7 +27,7 @@ const isValidString = (string) => {
|
|
|
27
27
|
const TIME_WITHOUT_INPUT = 2000;
|
|
28
28
|
const TIME_BETWEEN_CALL = 1000;
|
|
29
29
|
const ITEM_HEIGHT = 40;
|
|
30
|
-
const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData = () => { }, displayValue, placeholder, changeScreenAfter = false, navigate = false, oneFilter = false, onSelection = () => { }, onScanPress, scanIconColor = null, selectLastItem = true, style, showDetailsPopup = false, loadingList, moreLoading, isListEnd, translator, isScrollViewContainer = false, }) => {
|
|
30
|
+
const AutoCompleteSearch = ({ title, objectList, value = null, required = false, readonly = false, onChangeValue, fetchData = () => { }, displayValue, placeholder, changeScreenAfter = false, navigate = false, oneFilter = false, onSelection = () => { }, onScanPress, scanIconColor = null, selectLastItem = true, style, showDetailsPopup = false, loadingList, moreLoading, isListEnd, translator, isScrollViewContainer = false, }) => {
|
|
31
31
|
const [displayList, setDisplayList] = useState(false);
|
|
32
32
|
const [previousState, setPreviousState] = useState(null);
|
|
33
33
|
const [selected, setSelected] = useState(value ? true : false);
|
|
@@ -162,28 +162,32 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
|
|
|
162
162
|
}, [displayValue, handleClear, handleSearchValueChange, selected, value]);
|
|
163
163
|
const marginBottom = useMemo(() => {
|
|
164
164
|
if (isScrollViewContainer && displayList) {
|
|
165
|
-
|
|
165
|
+
const visibleListLength = !Array.isArray(objectList)
|
|
166
|
+
? 0
|
|
167
|
+
: Math.min(objectList.length, 5);
|
|
168
|
+
return visibleListLength * ITEM_HEIGHT + 5;
|
|
166
169
|
}
|
|
167
170
|
return null;
|
|
168
|
-
}, [isScrollViewContainer,
|
|
171
|
+
}, [displayList, isScrollViewContainer, objectList]);
|
|
169
172
|
const styles = useMemo(() => getStyles(displayList, marginBottom), [displayList, marginBottom]);
|
|
170
173
|
return (<View ref={wrapperRef} style={[
|
|
171
|
-
styles.
|
|
172
|
-
Platform.OS === 'ios' ? styles.
|
|
174
|
+
styles.container,
|
|
175
|
+
Platform.OS === 'ios' ? styles.containerZIndex : null,
|
|
176
|
+
style,
|
|
173
177
|
]}>
|
|
174
|
-
<SearchBar inputRef={inputRef} style={
|
|
175
|
-
{displayList && !oneFilter && (<SelectionContainer style={
|
|
178
|
+
<SearchBar title={title} inputRef={inputRef} style={styles.alignContainer} valueTxt={searchText} placeholder={placeholder} required={required} readonly={readonly} onClearPress={handleClear} onChangeTxt={handleSearchValueChange} onSelection={handleFocus} onSearchPress={handleDetailsView} disableSearchPress={!showDetailsPopup} onScanPress={onScanPress} scanIconColor={scanIconColor}/>
|
|
179
|
+
{displayList && !oneFilter && (<SelectionContainer style={styles.alignContainer} objectList={objectList} displayValue={displayValue} handleSelect={handleSelect}/>)}
|
|
176
180
|
<SearchDetailsPopUp isVisible={isPopupVisible} objectList={objectList} value={searchText} placeholder={placeholder} displayValue={displayValue} onClose={() => setPopupIsVisible(false)} onSelect={handleSelect} fetchData={fetchData} loadingList={loadingList} moreLoading={moreLoading} isListEnd={isListEnd} translator={translator}/>
|
|
177
181
|
</View>);
|
|
178
182
|
};
|
|
179
183
|
const getStyles = (displayList, marginBottom) => StyleSheet.create({
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
},
|
|
183
|
-
marginContainer: {
|
|
184
|
-
marginBottom: marginBottom,
|
|
185
|
-
width: '100%',
|
|
184
|
+
container: {
|
|
185
|
+
width: '90%',
|
|
186
186
|
alignSelf: 'center',
|
|
187
|
+
marginBottom: marginBottom,
|
|
188
|
+
},
|
|
189
|
+
containerZIndex: {
|
|
190
|
+
zIndex: displayList ? 45 : 0,
|
|
187
191
|
},
|
|
188
192
|
alignContainer: {
|
|
189
193
|
alignSelf: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAa,IAAI,EAAC,MAAM,cAAc,CAAC;AACnE,OAAO,EACL,eAAe,EACf,iBAAiB,GAClB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,EAAE;IACvC,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAE/B,MAAM,WAAW,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"AutoCompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,15 +34,16 @@ const ItemCard = ({ onSelect = () => { }, title, isSelected = false }) => {
|
|
|
34
34
|
};
|
|
35
35
|
const getStyles = (Colors, isSelected) => StyleSheet.create({
|
|
36
36
|
item: {
|
|
37
|
-
|
|
37
|
+
minHeight: 40,
|
|
38
38
|
flexDirection: 'row',
|
|
39
39
|
justifyContent: 'space-between',
|
|
40
40
|
position: 'relative',
|
|
41
41
|
width: '100%',
|
|
42
42
|
},
|
|
43
43
|
text: {
|
|
44
|
+
alignSelf: 'center',
|
|
44
45
|
width: isSelected ? '90%' : '100%',
|
|
45
|
-
|
|
46
|
+
marginVertical: 7,
|
|
46
47
|
marginLeft: 10,
|
|
47
48
|
},
|
|
48
49
|
border: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/ItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAEvC,MAAM,QAAQ,GAAG,CAAC,EAAC,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,KAAK,EAAC,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,EACnC,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,gBAAgB,CACf,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAC7D;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EACtC,CACH,CACH;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAC7B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,UAAmB,EAAE,EAAE,CAC7D,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,
|
|
1
|
+
{"version":3,"file":"ItemCard.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/ItemCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAEvC,MAAM,QAAQ,GAAG,CAAC,EAAC,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,UAAU,GAAG,KAAK,EAAC,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,EACnC,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,gBAAgB,CACf,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAC7D;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EACtC,CACH,CACH;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAC7B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,UAAmB,EAAE,EAAE,CAC7D,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;QAClC,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;KACf;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,CAAC,EAAE;KACV;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEL,eAAe,QAAQ,CAAC"}
|
|
@@ -16,10 +16,9 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useState, useCallback, useEffect } from 'react';
|
|
19
|
-
import { Dimensions, StyleSheet } from 'react-native';
|
|
19
|
+
import { Dimensions, StyleSheet, View } from 'react-native';
|
|
20
20
|
import { checkNullString } from '../../../utils/strings';
|
|
21
|
-
import {
|
|
22
|
-
import { PopUp } from '../../molecules';
|
|
21
|
+
import { Alert } from '../../molecules';
|
|
23
22
|
import { AutoCompleteSearch, ScrollList } from '../../organisms';
|
|
24
23
|
import ItemCard from './ItemCard';
|
|
25
24
|
const SearchDetailsPopUp = ({ isVisible, objectList, value = null, placeholder, displayValue, onClose, onSelect, fetchData, loadingList, moreLoading, isListEnd, translator, }) => {
|
|
@@ -38,31 +37,30 @@ const SearchDetailsPopUp = ({ isVisible, objectList, value = null, placeholder,
|
|
|
38
37
|
if (!isVisible) {
|
|
39
38
|
return null;
|
|
40
39
|
}
|
|
41
|
-
return (<
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
return (<Alert visible={isVisible} style={styles.popup} cancelButtonConfig={{
|
|
41
|
+
showInHeader: true,
|
|
42
|
+
onPress: onClose,
|
|
43
|
+
}}>
|
|
44
|
+
<View style={styles.container}>
|
|
45
|
+
<AutoCompleteSearch objectList={objectList} onChangeValue={onSelect} fetchData={filterAPI} displayValue={displayValue} placeholder={placeholder} oneFilter={true} showDetailsPopup={false} style={styles.input}/>
|
|
46
|
+
<ScrollList style={styles.scroll} loadingList={loadingList} data={objectList} renderItem={({ item }) => (<ItemCard onSelect={() => onSelect(item)} title={displayValue(item)} isSelected={value === displayValue(item)}/>)} fetchData={scrollAPI} moreLoading={moreLoading} isListEnd={isListEnd} filter={!checkNullString(searchText)} translator={translator}/>
|
|
47
|
+
</View>
|
|
48
|
+
</Alert>);
|
|
46
49
|
};
|
|
47
50
|
const styles = StyleSheet.create({
|
|
48
51
|
popup: {
|
|
49
52
|
height: Dimensions.get('window').height * 0.9,
|
|
50
|
-
|
|
51
|
-
paddingRight:
|
|
52
|
-
paddingVertical:
|
|
53
|
+
paddingHorizontal: 10,
|
|
54
|
+
paddingRight: 10,
|
|
55
|
+
paddingVertical: 10,
|
|
53
56
|
position: 'absolute',
|
|
54
57
|
top: '5%',
|
|
55
58
|
},
|
|
56
59
|
container: {
|
|
57
|
-
|
|
58
|
-
justifyContent: 'center',
|
|
59
|
-
alignItems: 'center',
|
|
60
|
-
width: '100%',
|
|
61
|
-
height: '100%',
|
|
60
|
+
marginTop: 10,
|
|
62
61
|
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
marginRight: 5,
|
|
62
|
+
input: {
|
|
63
|
+
width: '90%',
|
|
66
64
|
},
|
|
67
65
|
scroll: {
|
|
68
66
|
flexGrow: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchDetailsPopUp.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchDetailsPopUp.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/SearchDetailsPopUp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,9 +9,10 @@ interface ChipSelectProps {
|
|
|
9
9
|
style?: any;
|
|
10
10
|
selectionItems: Item[];
|
|
11
11
|
mode: 'multi' | 'switch';
|
|
12
|
+
isRefresh?: boolean;
|
|
12
13
|
width?: number;
|
|
13
14
|
marginHorizontal?: number;
|
|
14
15
|
onChangeValue?: (value: any) => void;
|
|
15
16
|
}
|
|
16
|
-
declare const ChipSelect: ({ style, selectionItems, mode, width, marginHorizontal, onChangeValue, }: ChipSelectProps) => JSX.Element;
|
|
17
|
+
declare const ChipSelect: ({ style, selectionItems, mode, isRefresh, width, marginHorizontal, onChangeValue, }: ChipSelectProps) => JSX.Element;
|
|
17
18
|
export default ChipSelect;
|
|
@@ -15,45 +15,48 @@
|
|
|
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, { useState } from 'react';
|
|
18
|
+
import React, { useEffect, useState } from 'react';
|
|
19
19
|
import { StyleSheet, View, ScrollView } from 'react-native';
|
|
20
20
|
import { Chip } from '../../molecules';
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
21
|
+
const MODES = {
|
|
22
|
+
switch: 'switch',
|
|
23
|
+
multi: 'multi',
|
|
24
|
+
};
|
|
25
|
+
const ChipSelect = ({ style, selectionItems, mode, isRefresh = false, width, marginHorizontal, onChangeValue = () => { }, }) => {
|
|
26
|
+
const [selectedChip, setSelectedChip] = useState(selectionItems.filter(item => item.isActive === true));
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (isRefresh &&
|
|
29
|
+
selectionItems.every(el => Object.keys(el).includes('isActive'))) {
|
|
30
|
+
setSelectedChip(selectionItems.filter(item => item.isActive === true));
|
|
31
|
+
}
|
|
32
|
+
}, [isRefresh, selectionItems]);
|
|
33
|
+
const updateChip = (chip) => {
|
|
34
|
+
let updatedChip = [];
|
|
35
|
+
if (mode === MODES.multi) {
|
|
28
36
|
if (chipIsSelected(chip)) {
|
|
29
|
-
|
|
30
|
-
onChangeValue(selectedChipMulti?.filter(activeChip => activeChip.key !== chip.key));
|
|
37
|
+
updatedChip = selectedChip?.filter(activeChip => activeChip.key !== chip.key);
|
|
31
38
|
}
|
|
32
|
-
else if (
|
|
33
|
-
|
|
34
|
-
onChangeValue([]);
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
setSelectedChipMulti([...selectedChipMulti, chip]);
|
|
38
|
-
onChangeValue([...selectedChipMulti, chip]);
|
|
39
|
+
else if (selectedChip?.length + 1 !== selectionItems?.length) {
|
|
40
|
+
updatedChip = [...selectedChip, chip];
|
|
39
41
|
}
|
|
40
42
|
}
|
|
41
|
-
if (mode ===
|
|
42
|
-
|
|
43
|
-
|
|
43
|
+
if (mode === MODES.switch) {
|
|
44
|
+
if (!chipIsSelected(chip)) {
|
|
45
|
+
updatedChip = [chip];
|
|
46
|
+
}
|
|
44
47
|
}
|
|
48
|
+
setSelectedChip(updatedChip);
|
|
49
|
+
onChangeValue(updatedChip);
|
|
45
50
|
};
|
|
46
|
-
const chipIsSelected = chip => {
|
|
47
|
-
return (
|
|
51
|
+
const chipIsSelected = (chip) => {
|
|
52
|
+
return (selectedChip?.find(activeChip => activeChip.key === chip.key) != null);
|
|
48
53
|
};
|
|
49
|
-
if (mode !==
|
|
54
|
+
if (mode !== MODES.multi && mode !== MODES.switch) {
|
|
50
55
|
return null;
|
|
51
56
|
}
|
|
52
57
|
return (<View style={[styles.chipContainer, styles.marginLeft, style]}>
|
|
53
58
|
<ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
|
|
54
|
-
{selectionItems?.map((item, index) => (<Chip key={index} selected={
|
|
55
|
-
? item.key === selectdChipSwitch?.key
|
|
56
|
-
: chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} marginHorizontal={marginHorizontal} width={width}/>))}
|
|
59
|
+
{selectionItems?.map((item, index) => (<Chip key={index} selected={chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} marginHorizontal={marginHorizontal} width={width}/>))}
|
|
57
60
|
</ScrollView>
|
|
58
61
|
</View>);
|
|
59
62
|
};
|
|
@@ -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,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ChipSelect.js","sourceRoot":"","sources":["../../../../src/components/organisms/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,12 +25,12 @@ import { CircleButton } from '../../molecules';
|
|
|
25
25
|
const FLOATING_BUTTON_SIZE = 60;
|
|
26
26
|
const ACTION_BUTTON_SIZE_PERCENTAGE = 0.8;
|
|
27
27
|
const MIN_ACTION_BUTTON_WIDTH = 200;
|
|
28
|
-
const FloatingActionButton = ({ actionKey, title, iconName,
|
|
28
|
+
const FloatingActionButton = ({ actionKey, title, iconName, buttonParams, disabled = false, onPress, translator, }) => {
|
|
29
29
|
const Colors = useThemeColor();
|
|
30
30
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
31
31
|
const handleActionPress = useCallback(() => onPress(actionKey), [actionKey, onPress]);
|
|
32
32
|
return (<View style={styles.actionButtonContainer}>
|
|
33
|
-
<CircleButton iconName={iconName} size={size} onPress={handleActionPress} disabled={disabled}/>
|
|
33
|
+
<CircleButton iconName={iconName} size={buttonParams.size} onPress={handleActionPress} disabled={disabled} style={{ marginRight: buttonParams.marginRight }}/>
|
|
34
34
|
<View style={styles.actionTitleContainer}>
|
|
35
35
|
<Text fontSize={16} style={styles.actionTitle}>
|
|
36
36
|
{translator(title)}
|
|
@@ -52,14 +52,21 @@ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZ
|
|
|
52
52
|
setIsOpen(false);
|
|
53
53
|
}
|
|
54
54
|
}, [clickOutside, isOpen]);
|
|
55
|
-
const
|
|
55
|
+
const actionButtonParams = useMemo(() => {
|
|
56
|
+
const actionButtonSize = Math.floor(size * ACTION_BUTTON_SIZE_PERCENTAGE);
|
|
57
|
+
const actionButtonMarginRight = Math.floor((size - actionButtonSize) / 2);
|
|
58
|
+
return {
|
|
59
|
+
size: actionButtonSize,
|
|
60
|
+
marginRight: actionButtonMarginRight,
|
|
61
|
+
};
|
|
62
|
+
}, [size]);
|
|
56
63
|
const onActionPress = useCallback(actionPress => {
|
|
57
64
|
actionPress();
|
|
58
65
|
setIsOpen(false);
|
|
59
66
|
}, []);
|
|
60
67
|
const actionComponents = useMemo(() => actions
|
|
61
68
|
?.reverse()
|
|
62
|
-
?.map(action => (<FloatingActionButton key={action.key} actionKey={action.key} title={action.title} iconName={action.iconName}
|
|
69
|
+
?.map(action => (<FloatingActionButton key={action.key} actionKey={action.key} title={action.title} iconName={action.iconName} buttonParams={actionButtonParams} disabled={action.disabled} onPress={() => onActionPress(action.onPress)} translator={translator}/>)), [actions, actionButtonParams, onActionPress, translator]);
|
|
63
70
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
64
71
|
const handleFLoatingButtonPress = useCallback(() => {
|
|
65
72
|
animationUtil.animateNext();
|
|
@@ -70,7 +77,7 @@ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZ
|
|
|
70
77
|
}
|
|
71
78
|
return (<View ref={wrapperRef} style={[styles.container, style]}>
|
|
72
79
|
{isOpen && (<View style={styles.actionsContainer}>{actionComponents}</View>)}
|
|
73
|
-
<CircleButton iconName={isOpen ? 'times' : iconName} onPress={handleFLoatingButtonPress} size={size}/>
|
|
80
|
+
<CircleButton iconName={isOpen ? 'times' : iconName} onPress={handleFLoatingButtonPress} size={size} style={styles.floatingButton}/>
|
|
74
81
|
</View>);
|
|
75
82
|
};
|
|
76
83
|
const getStyles = (Colors) => StyleSheet.create({
|
|
@@ -79,11 +86,10 @@ const getStyles = (Colors) => StyleSheet.create({
|
|
|
79
86
|
marginTop: 7,
|
|
80
87
|
},
|
|
81
88
|
actionsContainer: {
|
|
82
|
-
|
|
83
|
-
paddingHorizontal: 7,
|
|
89
|
+
marginBottom: 10,
|
|
84
90
|
},
|
|
85
91
|
actionTitleContainer: {
|
|
86
|
-
backgroundColor: Colors.
|
|
92
|
+
backgroundColor: Colors.backgroundColor,
|
|
87
93
|
marginHorizontal: 15,
|
|
88
94
|
marginVertical: 10,
|
|
89
95
|
justifyContent: 'center',
|
|
@@ -101,8 +107,9 @@ const getStyles = (Colors) => StyleSheet.create({
|
|
|
101
107
|
container: {
|
|
102
108
|
justifyContent: 'flex-end',
|
|
103
109
|
alignItems: 'flex-end',
|
|
104
|
-
|
|
105
|
-
|
|
110
|
+
},
|
|
111
|
+
floatingButton: {
|
|
112
|
+
alignSelf: 'flex-end',
|
|
106
113
|
},
|
|
107
114
|
});
|
|
108
115
|
export default FloatingButton;
|