@axelor/aos-mobile-ui 0.0.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/README.md +234 -0
- package/lib/components/atoms/BlockInteractionScreen/BlockInteractionScreen.d.ts +7 -0
- package/lib/components/atoms/BlockInteractionScreen/BlockInteractionScreen.js +50 -0
- package/lib/components/atoms/BlockInteractionScreen/BlockInteractionScreen.js.map +1 -0
- package/lib/components/atoms/Card/Card.d.ts +6 -0
- package/lib/components/atoms/Card/Card.js +37 -0
- package/lib/components/atoms/Card/Card.js.map +1 -0
- package/lib/components/atoms/DottedLine/DottedLine.d.ts +5 -0
- package/lib/components/atoms/DottedLine/DottedLine.js +38 -0
- package/lib/components/atoms/DottedLine/DottedLine.js.map +1 -0
- package/lib/components/atoms/HorizontalRule/HorizontalRule.d.ts +5 -0
- package/lib/components/atoms/HorizontalRule/HorizontalRule.js +35 -0
- package/lib/components/atoms/HorizontalRule/HorizontalRule.js.map +1 -0
- package/lib/components/atoms/HtmlInput/HtmlInput.d.ts +9 -0
- package/lib/components/atoms/HtmlInput/HtmlInput.js +50 -0
- package/lib/components/atoms/HtmlInput/HtmlInput.js.map +1 -0
- package/lib/components/atoms/Icon/Icon.d.ts +13 -0
- package/lib/components/atoms/Icon/Icon.js +49 -0
- package/lib/components/atoms/Icon/Icon.js.map +1 -0
- package/lib/components/atoms/Input/Input.d.ts +18 -0
- package/lib/components/atoms/Input/Input.js +37 -0
- package/lib/components/atoms/Input/Input.js.map +1 -0
- package/lib/components/atoms/RenderHtml/RenderHtml.d.ts +6 -0
- package/lib/components/atoms/RenderHtml/RenderHtml.js +50 -0
- package/lib/components/atoms/RenderHtml/RenderHtml.js.map +1 -0
- package/lib/components/atoms/Screen/Screen.d.ts +9 -0
- package/lib/components/atoms/Screen/Screen.js +74 -0
- package/lib/components/atoms/Screen/Screen.js.map +1 -0
- package/lib/components/atoms/ScrollView/ScrollView.d.ts +6 -0
- package/lib/components/atoms/ScrollView/ScrollView.js +33 -0
- package/lib/components/atoms/ScrollView/ScrollView.js.map +1 -0
- package/lib/components/atoms/Switch/Switch.d.ts +6 -0
- package/lib/components/atoms/Switch/Switch.js +34 -0
- package/lib/components/atoms/Switch/Switch.js.map +1 -0
- package/lib/components/atoms/Text/Text.d.ts +12 -0
- package/lib/components/atoms/Text/Text.js +37 -0
- package/lib/components/atoms/Text/Text.js.map +1 -0
- package/lib/components/atoms/index.d.ts +12 -0
- package/lib/components/atoms/index.js +30 -0
- package/lib/components/atoms/index.js.map +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.js +21 -0
- package/lib/components/index.js.map +1 -0
- package/lib/components/molecules/AttachmentCard/AttachmentCard.d.ts +8 -0
- package/lib/components/molecules/AttachmentCard/AttachmentCard.js +61 -0
- package/lib/components/molecules/AttachmentCard/AttachmentCard.js.map +1 -0
- package/lib/components/molecules/Badge/Badge.d.ts +10 -0
- package/lib/components/molecules/Badge/Badge.js +43 -0
- package/lib/components/molecules/Badge/Badge.js.map +1 -0
- package/lib/components/molecules/Button/Button.d.ts +10 -0
- package/lib/components/molecules/Button/Button.js +48 -0
- package/lib/components/molecules/Button/Button.js.map +1 -0
- package/lib/components/molecules/CardIconButton/CardIconButton.d.ts +8 -0
- package/lib/components/molecules/CardIconButton/CardIconButton.js +42 -0
- package/lib/components/molecules/CardIconButton/CardIconButton.js.map +1 -0
- package/lib/components/molecules/Chip/Chip.d.ts +11 -0
- package/lib/components/molecules/Chip/Chip.js +69 -0
- package/lib/components/molecules/Chip/Chip.js.map +1 -0
- package/lib/components/molecules/ClearableCard/ClearableCard.d.ts +8 -0
- package/lib/components/molecules/ClearableCard/ClearableCard.js +43 -0
- package/lib/components/molecules/ClearableCard/ClearableCard.js.map +1 -0
- package/lib/components/molecules/DropdownCard/DropdownCard.d.ts +10 -0
- package/lib/components/molecules/DropdownCard/DropdownCard.js +84 -0
- package/lib/components/molecules/DropdownCard/DropdownCard.js.map +1 -0
- package/lib/components/molecules/DropdownMenu/DropdownMenu.d.ts +5 -0
- package/lib/components/molecules/DropdownMenu/DropdownMenu.js +57 -0
- package/lib/components/molecules/DropdownMenu/DropdownMenu.js.map +1 -0
- package/lib/components/molecules/DropdownMenuItem/DropdownMenuItem.d.ts +7 -0
- package/lib/components/molecules/DropdownMenuItem/DropdownMenuItem.js +42 -0
- package/lib/components/molecules/DropdownMenuItem/DropdownMenuItem.js.map +1 -0
- package/lib/components/molecules/EditableInput/EditableInput.d.ts +9 -0
- package/lib/components/molecules/EditableInput/EditableInput.js +65 -0
- package/lib/components/molecules/EditableInput/EditableInput.js.map +1 -0
- package/lib/components/molecules/FromTo/FromTo.d.ts +8 -0
- package/lib/components/molecules/FromTo/FromTo.js +44 -0
- package/lib/components/molecules/FromTo/FromTo.js.map +1 -0
- package/lib/components/molecules/HalfLabelCard/HalfLabelCard.d.ts +8 -0
- package/lib/components/molecules/HalfLabelCard/HalfLabelCard.js +51 -0
- package/lib/components/molecules/HalfLabelCard/HalfLabelCard.js.map +1 -0
- package/lib/components/molecules/HeaderIndicator/HeaderIndicator.d.ts +2 -0
- package/lib/components/molecules/HeaderIndicator/HeaderIndicator.js +65 -0
- package/lib/components/molecules/HeaderIndicator/HeaderIndicator.js.map +1 -0
- package/lib/components/molecules/IconButton/IconButton.d.ts +11 -0
- package/lib/components/molecules/IconButton/IconButton.js +48 -0
- package/lib/components/molecules/IconButton/IconButton.js.map +1 -0
- package/lib/components/molecules/IconInput/IconInput.d.ts +19 -0
- package/lib/components/molecules/IconInput/IconInput.js +50 -0
- package/lib/components/molecules/IconInput/IconInput.js.map +1 -0
- package/lib/components/molecules/Image/Image.d.ts +10 -0
- package/lib/components/molecules/Image/Image.js +36 -0
- package/lib/components/molecules/Image/Image.js.map +1 -0
- package/lib/components/molecules/Increment/Increment.d.ts +8 -0
- package/lib/components/molecules/Increment/Increment.js +97 -0
- package/lib/components/molecules/Increment/Increment.js.map +1 -0
- package/lib/components/molecules/InfoBubble/InfoBubble.d.ts +9 -0
- package/lib/components/molecules/InfoBubble/InfoBubble.js +73 -0
- package/lib/components/molecules/InfoBubble/InfoBubble.js.map +1 -0
- package/lib/components/molecules/LabelText/LabelText.d.ts +14 -0
- package/lib/components/molecules/LabelText/LabelText.js +45 -0
- package/lib/components/molecules/LabelText/LabelText.js.map +1 -0
- package/lib/components/molecules/LoadingIndicator/LoadingIndicator.d.ts +6 -0
- package/lib/components/molecules/LoadingIndicator/LoadingIndicator.js +49 -0
- package/lib/components/molecules/LoadingIndicator/LoadingIndicator.js.map +1 -0
- package/lib/components/molecules/MessageBox/MessageBox.d.ts +9 -0
- package/lib/components/molecules/MessageBox/MessageBox.js +60 -0
- package/lib/components/molecules/MessageBox/MessageBox.js.map +1 -0
- package/lib/components/molecules/MovementIndicationCard/MovementIndicationCard.d.ts +14 -0
- package/lib/components/molecules/MovementIndicationCard/MovementIndicationCard.js +66 -0
- package/lib/components/molecules/MovementIndicationCard/MovementIndicationCard.js.map +1 -0
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.d.ts +11 -0
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js +80 -0
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js.map +1 -0
- package/lib/components/molecules/NotesCard/NotesCard.d.ts +6 -0
- package/lib/components/molecules/NotesCard/NotesCard.js +55 -0
- package/lib/components/molecules/NotesCard/NotesCard.js.map +1 -0
- package/lib/components/molecules/PopUp/PopUp.d.ts +9 -0
- package/lib/components/molecules/PopUp/PopUp.js +74 -0
- package/lib/components/molecules/PopUp/PopUp.js.map +1 -0
- package/lib/components/molecules/RightIconButton/RightIconButton.d.ts +10 -0
- package/lib/components/molecules/RightIconButton/RightIconButton.js +49 -0
- package/lib/components/molecules/RightIconButton/RightIconButton.js.map +1 -0
- package/lib/components/molecules/SelectionContainer/SelectionContainer.d.ts +11 -0
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js +111 -0
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -0
- package/lib/components/molecules/StarScore/StarScore.d.ts +11 -0
- package/lib/components/molecules/StarScore/StarScore.js +58 -0
- package/lib/components/molecules/StarScore/StarScore.js.map +1 -0
- package/lib/components/molecules/SwitchCard/SwitchCard.d.ts +8 -0
- package/lib/components/molecules/SwitchCard/SwitchCard.js +31 -0
- package/lib/components/molecules/SwitchCard/SwitchCard.js.map +1 -0
- package/lib/components/molecules/TitledValue/TitledValue.d.ts +7 -0
- package/lib/components/molecules/TitledValue/TitledValue.js +40 -0
- package/lib/components/molecules/TitledValue/TitledValue.js.map +1 -0
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.d.ts +8 -0
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js +66 -0
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js.map +1 -0
- package/lib/components/molecules/UnorderedList/UnorderedList.d.ts +8 -0
- package/lib/components/molecules/UnorderedList/UnorderedList.js +51 -0
- package/lib/components/molecules/UnorderedList/UnorderedList.js.map +1 -0
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.d.ts +14 -0
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.js +91 -0
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.js.map +1 -0
- package/lib/components/molecules/index.d.ts +33 -0
- package/lib/components/molecules/index.js +51 -0
- package/lib/components/molecules/index.js.map +1 -0
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.d.ts +19 -0
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js +148 -0
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js.map +1 -0
- package/lib/components/organisms/ChipSelect/ChipSelect.d.ts +6 -0
- package/lib/components/organisms/ChipSelect/ChipSelect.js +39 -0
- package/lib/components/organisms/ChipSelect/ChipSelect.js.map +1 -0
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.d.ts +12 -0
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js +40 -0
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js.map +1 -0
- package/lib/components/organisms/HeaderContainer/HeaderContainer.d.ts +9 -0
- package/lib/components/organisms/HeaderContainer/HeaderContainer.js +65 -0
- package/lib/components/organisms/HeaderContainer/HeaderContainer.js.map +1 -0
- package/lib/components/organisms/ImageBubble/ImageBubble.d.ts +10 -0
- package/lib/components/organisms/ImageBubble/ImageBubble.js +105 -0
- package/lib/components/organisms/ImageBubble/ImageBubble.js.map +1 -0
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.d.ts +16 -0
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +103 -0
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -0
- package/lib/components/organisms/Picker/Picker.d.ts +18 -0
- package/lib/components/organisms/Picker/Picker.js +101 -0
- package/lib/components/organisms/Picker/Picker.js.map +1 -0
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.d.ts +9 -0
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.js +35 -0
- package/lib/components/organisms/PopUpOneButton/PopUpOneButton.js.map +1 -0
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.d.ts +11 -0
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.js +38 -0
- package/lib/components/organisms/PopUpTwoButton/PopUpTwoButton.js.map +1 -0
- package/lib/components/organisms/ScrollList/ScrollList.d.ts +13 -0
- package/lib/components/organisms/ScrollList/ScrollList.js +70 -0
- package/lib/components/organisms/ScrollList/ScrollList.js.map +1 -0
- package/lib/components/organisms/SearchBar/SearchBar.d.ts +14 -0
- package/lib/components/organisms/SearchBar/SearchBar.js +44 -0
- package/lib/components/organisms/SearchBar/SearchBar.js.map +1 -0
- package/lib/components/organisms/index.d.ts +11 -0
- package/lib/components/organisms/index.js +29 -0
- package/lib/components/organisms/index.js.map +1 -0
- package/lib/config/ConfigContext.d.ts +26 -0
- package/lib/config/ConfigContext.js +184 -0
- package/lib/config/ConfigContext.js.map +1 -0
- package/lib/hooks/use-click-outside.d.ts +6 -0
- package/lib/hooks/use-click-outside.helper.d.ts +10 -0
- package/lib/hooks/use-click-outside.helper.js +35 -0
- package/lib/hooks/use-click-outside.helper.js.map +1 -0
- package/lib/hooks/use-click-outside.js +123 -0
- package/lib/hooks/use-click-outside.js.map +1 -0
- package/lib/index.d.ts +8 -0
- package/lib/index.js +26 -0
- package/lib/index.js.map +1 -0
- package/lib/theme/ThemeContext.d.ts +19 -0
- package/lib/theme/ThemeContext.js +110 -0
- package/lib/theme/ThemeContext.js.map +1 -0
- package/lib/theme/WritingThemeContext.d.ts +10 -0
- package/lib/theme/WritingThemeContext.js +77 -0
- package/lib/theme/WritingThemeContext.js.map +1 -0
- package/lib/theme/index.d.ts +4 -0
- package/lib/theme/index.js +22 -0
- package/lib/theme/index.js.map +1 -0
- package/lib/theme/themes.d.ts +32 -0
- package/lib/theme/themes.js +178 -0
- package/lib/theme/themes.js.map +1 -0
- package/lib/theme/writingTheme.d.ts +19 -0
- package/lib/theme/writingTheme.js +45 -0
- package/lib/theme/writingTheme.js.map +1 -0
- package/lib/tools/AnimationUtil.d.ts +12 -0
- package/lib/tools/AnimationUtil.js +40 -0
- package/lib/tools/AnimationUtil.js.map +1 -0
- package/lib/types/file.d.ts +5 -0
- package/lib/types/file.js +62 -0
- package/lib/types/file.js.map +1 -0
- package/lib/utils/arrays.d.ts +2 -0
- package/lib/utils/arrays.js +31 -0
- package/lib/utils/arrays.js.map +1 -0
- package/lib/utils/commons-styles.d.ts +34 -0
- package/lib/utils/commons-styles.js +53 -0
- package/lib/utils/commons-styles.js.map +1 -0
- package/lib/utils/formatters.d.ts +2 -0
- package/lib/utils/formatters.js +48 -0
- package/lib/utils/formatters.js.map +1 -0
- package/lib/utils/headerStyle.d.ts +12 -0
- package/lib/utils/headerStyle.js +31 -0
- package/lib/utils/headerStyle.js.map +1 -0
- package/lib/utils/list.d.ts +2 -0
- package/lib/utils/list.js +47 -0
- package/lib/utils/list.js.map +1 -0
- package/lib/utils/number.d.ts +4 -0
- package/lib/utils/number.js +34 -0
- package/lib/utils/number.js.map +1 -0
- package/lib/utils/strings.d.ts +2 -0
- package/lib/utils/strings.js +33 -0
- package/lib/utils/strings.js.map +1 -0
- package/package.json +49 -0
|
@@ -0,0 +1,60 @@
|
|
|
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, TouchableOpacity, View } from 'react-native';
|
|
20
|
+
import { Icon, Input } from '../../atoms';
|
|
21
|
+
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
22
|
+
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
23
|
+
const BOX_HEIGHT = 45;
|
|
24
|
+
const BOX_MAX_HEIGHT = 85;
|
|
25
|
+
const MessageBox = ({ placeholder, disabled, value, onChange, onSend, }) => {
|
|
26
|
+
const Colors = useThemeColor();
|
|
27
|
+
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
28
|
+
return (<View style={styles.container}>
|
|
29
|
+
<Input style={[commonStyles.filter, styles.input]} placeholder={placeholder} value={value} onChange={onChange} multiline={true}/>
|
|
30
|
+
<TouchableOpacity style={[commonStyles.filter, styles.action]} disabled={disabled} onPress={onSend} activeOpacity={0.9}>
|
|
31
|
+
<Icon name="paper-plane" size={24}/>
|
|
32
|
+
</TouchableOpacity>
|
|
33
|
+
</View>);
|
|
34
|
+
};
|
|
35
|
+
const styles = StyleSheet.create({
|
|
36
|
+
container: {
|
|
37
|
+
width: '100%',
|
|
38
|
+
flexDirection: 'row',
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
overflow: 'hidden',
|
|
42
|
+
},
|
|
43
|
+
input: {
|
|
44
|
+
width: '78%',
|
|
45
|
+
minHeight: BOX_HEIGHT,
|
|
46
|
+
maxHeight: BOX_MAX_HEIGHT,
|
|
47
|
+
fontSize: 16,
|
|
48
|
+
flexDirection: 'row',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
marginRight: 5,
|
|
51
|
+
},
|
|
52
|
+
action: {
|
|
53
|
+
width: '15%',
|
|
54
|
+
height: BOX_HEIGHT,
|
|
55
|
+
justifyContent: 'center',
|
|
56
|
+
alignItems: 'center',
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
export default MessageBox;
|
|
60
|
+
//# sourceMappingURL=MessageBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/components/molecules/MessageBox/MessageBox.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,IAAI,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAU1D,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACU,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;IAEtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAC3C,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,IAAI,CAAC,EAElB;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAC5C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpC;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,cAAc;QACzB,QAAQ,EAAE,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,UAAU;QAClB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface MovementIndicationCardProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
titleTop: string;
|
|
5
|
+
iconTop: React.ReactElement;
|
|
6
|
+
onPressTitleTop?: () => void;
|
|
7
|
+
disabledTop?: boolean;
|
|
8
|
+
titleDown: string;
|
|
9
|
+
iconDown: React.ReactElement;
|
|
10
|
+
onPressTitleDown?: () => void;
|
|
11
|
+
disabledDown?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare function MovementIndicationCard({ style, titleTop, iconTop, onPressTitleTop, disabledTop, titleDown, iconDown, onPressTitleDown, disabledDown, }: MovementIndicationCardProps): JSX.Element;
|
|
14
|
+
export default MovementIndicationCard;
|
|
@@ -0,0 +1,66 @@
|
|
|
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 from 'react';
|
|
19
|
+
import { View, StyleSheet, TouchableOpacity } from 'react-native';
|
|
20
|
+
import { Text } from '../../atoms';
|
|
21
|
+
import { DottedLine } from '../../atoms';
|
|
22
|
+
function MovementIndicationCard({ style, titleTop, iconTop, onPressTitleTop, disabledTop = true, titleDown, iconDown, onPressTitleDown, disabledDown = true, }) {
|
|
23
|
+
return (<View style={[styles.container, style]}>
|
|
24
|
+
<View style={styles.titleContainer}>
|
|
25
|
+
{React.cloneElement(iconTop, { style: styles.icon })}
|
|
26
|
+
<TouchableOpacity style={styles.title} onPress={onPressTitleTop} disabled={disabledTop}>
|
|
27
|
+
<Text numberOfLines={2}>{titleTop}</Text>
|
|
28
|
+
</TouchableOpacity>
|
|
29
|
+
</View>
|
|
30
|
+
<DottedLine style={styles.dottedLine}/>
|
|
31
|
+
<View style={styles.titleContainer}>
|
|
32
|
+
{React.cloneElement(iconDown, { style: styles.icon })}
|
|
33
|
+
<TouchableOpacity style={styles.title} onPress={onPressTitleDown} disabled={disabledDown}>
|
|
34
|
+
<Text numberOfLines={2}>{titleDown}</Text>
|
|
35
|
+
</TouchableOpacity>
|
|
36
|
+
</View>
|
|
37
|
+
</View>);
|
|
38
|
+
}
|
|
39
|
+
const styles = StyleSheet.create({
|
|
40
|
+
container: {
|
|
41
|
+
width: '100%',
|
|
42
|
+
marginHorizontal: 16,
|
|
43
|
+
alignItems: 'center',
|
|
44
|
+
marginBottom: 5,
|
|
45
|
+
},
|
|
46
|
+
dottedLine: {
|
|
47
|
+
marginHorizontal: '5%',
|
|
48
|
+
alignSelf: 'flex-start',
|
|
49
|
+
},
|
|
50
|
+
titleContainer: {
|
|
51
|
+
flexDirection: 'row',
|
|
52
|
+
justifyContent: 'space-between',
|
|
53
|
+
alignItems: 'center',
|
|
54
|
+
width: '100%',
|
|
55
|
+
},
|
|
56
|
+
title: {
|
|
57
|
+
flex: 9,
|
|
58
|
+
width: '90%',
|
|
59
|
+
marginLeft: 5,
|
|
60
|
+
},
|
|
61
|
+
icon: {
|
|
62
|
+
flex: 1,
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
export default MovementIndicationCard;
|
|
66
|
+
//# sourceMappingURL=MovementIndicationCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MovementIndicationCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/MovementIndicationCard/MovementIndicationCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAcvC,SAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,eAAe,EACf,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,YAAY,GAAG,IAAI,GACS;IAC5B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAC,CAAC,CAClD;QAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB;UAAA,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAC1C;QAAA,EAAE,gBAAgB,CACpB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAC,CAAC,CACnD;QAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAC1B,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB;UAAA,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CAC3C;QAAA,EAAE,gBAAgB,CACpB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,gBAAgB,EAAE,EAAE;QACpB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;KAChB;IACD,UAAU,EAAE;QACV,gBAAgB,EAAE,IAAI;QACtB,SAAS,EAAE,YAAY;KACxB;IACD,cAAc,EAAE;QACd,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,CAAC;KACd;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Color } from '../../../theme/themes';
|
|
2
|
+
interface MultiValuePickerButtonProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
onPress: (any: any) => void;
|
|
5
|
+
listItem: any;
|
|
6
|
+
labelField?: any;
|
|
7
|
+
onPressItem?: (any: any) => void;
|
|
8
|
+
itemColor?: Color;
|
|
9
|
+
}
|
|
10
|
+
declare const MultiValuePickerButton: ({ style, onPress, listItem, labelField, onPressItem, itemColor, }: MultiValuePickerButtonProps) => JSX.Element;
|
|
11
|
+
export default MultiValuePickerButton;
|
|
@@ -0,0 +1,80 @@
|
|
|
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 { Dimensions, ScrollView, StyleSheet, TouchableOpacity, } from 'react-native';
|
|
20
|
+
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
21
|
+
import { Card, Icon, Text } from '../../atoms';
|
|
22
|
+
const MultiValuePickerButton = ({ style, onPress = () => { }, listItem, labelField, onPressItem = () => { }, itemColor, }) => {
|
|
23
|
+
const Colors = useThemeColor();
|
|
24
|
+
const badgeColor = useMemo(() => itemColor || Colors.primaryColor, [Colors.primaryColor, itemColor]);
|
|
25
|
+
const styles = useMemo(() => getStyles(badgeColor), [badgeColor]);
|
|
26
|
+
return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
|
|
27
|
+
<Card style={[styles.container, style]}>
|
|
28
|
+
<ScrollView horizontal={true} style={styles.listItemContainer}>
|
|
29
|
+
{listItem &&
|
|
30
|
+
listItem.map((item, index) => (<TouchableOpacity key={index} onPress={() => onPressItem(item)} activeOpacity={0.9} style={styles.cardItem}>
|
|
31
|
+
<Text style={styles.text} fontSize={14} numberOfLines={1} textColor={badgeColor.foreground}>
|
|
32
|
+
{item[labelField]}
|
|
33
|
+
</Text>
|
|
34
|
+
<Icon name={'times'} color={badgeColor.foreground} size={14}/>
|
|
35
|
+
</TouchableOpacity>))}
|
|
36
|
+
</ScrollView>
|
|
37
|
+
<Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>
|
|
38
|
+
</Card>
|
|
39
|
+
</TouchableOpacity>);
|
|
40
|
+
};
|
|
41
|
+
const getStyles = (color) => StyleSheet.create({
|
|
42
|
+
container: {
|
|
43
|
+
width: Dimensions.get('window').width * 0.35,
|
|
44
|
+
height: 50,
|
|
45
|
+
flexDirection: 'row',
|
|
46
|
+
justifyContent: 'space-between',
|
|
47
|
+
alignItems: 'center',
|
|
48
|
+
paddingLeft: 20,
|
|
49
|
+
paddingRight: 15,
|
|
50
|
+
paddingVertical: 5,
|
|
51
|
+
marginVertical: 4,
|
|
52
|
+
marginRight: 16,
|
|
53
|
+
},
|
|
54
|
+
text: {
|
|
55
|
+
textAlign: 'center',
|
|
56
|
+
marginRight: 5,
|
|
57
|
+
},
|
|
58
|
+
listItemContainer: {
|
|
59
|
+
flexDirection: 'row',
|
|
60
|
+
marginLeft: -5,
|
|
61
|
+
},
|
|
62
|
+
cardItem: {
|
|
63
|
+
flexDirection: 'row',
|
|
64
|
+
justifyContent: 'space-between',
|
|
65
|
+
alignItems: 'center',
|
|
66
|
+
alignContent: 'center',
|
|
67
|
+
backgroundColor: color.background_light,
|
|
68
|
+
borderColor: color.background,
|
|
69
|
+
borderWidth: 2,
|
|
70
|
+
borderRadius: 14,
|
|
71
|
+
elevation: 3,
|
|
72
|
+
marginLeft: 5,
|
|
73
|
+
paddingHorizontal: 7,
|
|
74
|
+
height: 22,
|
|
75
|
+
maxWidth: 100,
|
|
76
|
+
width: null,
|
|
77
|
+
},
|
|
78
|
+
});
|
|
79
|
+
export default MultiValuePickerButton;
|
|
80
|
+
//# sourceMappingURL=MultiValuePickerButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiValuePickerButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/MultiValuePickerButton/MultiValuePickerButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
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, { useState } from 'react';
|
|
19
|
+
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { Card, RenderHtml, Text } from '../../atoms';
|
|
21
|
+
const PERCENTAGE_WIDTH_NOTES = 0.95;
|
|
22
|
+
const NotesCard = ({ title, data }) => {
|
|
23
|
+
const [widthNotes, setWidthNotes] = useState();
|
|
24
|
+
if (data == null || data === '') {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
27
|
+
return (<View style={styles.description} onLayout={event => {
|
|
28
|
+
const { width } = event.nativeEvent.layout;
|
|
29
|
+
setWidthNotes(width);
|
|
30
|
+
}}>
|
|
31
|
+
<Text style={styles.title}>{title}</Text>
|
|
32
|
+
<Card style={styles.note}>
|
|
33
|
+
<RenderHtml data={data} widthNotes={widthNotes != null ? widthNotes * PERCENTAGE_WIDTH_NOTES : 100}/>
|
|
34
|
+
</Card>
|
|
35
|
+
</View>);
|
|
36
|
+
};
|
|
37
|
+
const styles = StyleSheet.create({
|
|
38
|
+
description: {
|
|
39
|
+
marginHorizontal: 16,
|
|
40
|
+
flexDirection: 'column',
|
|
41
|
+
marginTop: 2,
|
|
42
|
+
},
|
|
43
|
+
title: {
|
|
44
|
+
marginHorizontal: '5%',
|
|
45
|
+
},
|
|
46
|
+
note: {
|
|
47
|
+
justifyContent: 'center',
|
|
48
|
+
elevation: 0,
|
|
49
|
+
borderRadius: 10,
|
|
50
|
+
padding: 10,
|
|
51
|
+
marginVertical: 8,
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
export default NotesCard;
|
|
55
|
+
//# sourceMappingURL=NotesCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAEnD,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAOpC,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAiB,EAAE,EAAE;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAU,CAAC;IAEvD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE;YAChB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;YACzC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CACF;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CACT,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAC/D,EAEL;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,gBAAgB,EAAE,EAAE;QACpB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,CAAC;KACb;IACD,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;KACvB;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,cAAc,EAAE,CAAC;KAClB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
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 from 'react';
|
|
19
|
+
import { StyleSheet, View, Modal } from 'react-native';
|
|
20
|
+
import { Card, Text } from '../../atoms';
|
|
21
|
+
const PopUp = ({ style, visible, title, data, children }) => {
|
|
22
|
+
return (<Modal visible={visible} transparent animationType="fade" onRequestClose={() => console.log('closed')}>
|
|
23
|
+
<View style={styles.modalBackground}>
|
|
24
|
+
<Card style={[styles.container, style]}>
|
|
25
|
+
<View style={styles.headerContainer}>
|
|
26
|
+
<Text style={styles.header}>{title}</Text>
|
|
27
|
+
</View>
|
|
28
|
+
{data != null && (<View style={styles.contentContainer}>
|
|
29
|
+
<Text style={styles.text}>{data}</Text>
|
|
30
|
+
</View>)}
|
|
31
|
+
<View style={styles.buttonContainer}>{children}</View>
|
|
32
|
+
</Card>
|
|
33
|
+
</View>
|
|
34
|
+
</Modal>);
|
|
35
|
+
};
|
|
36
|
+
const styles = StyleSheet.create({
|
|
37
|
+
modalBackground: {
|
|
38
|
+
flex: 1,
|
|
39
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
40
|
+
justifyContent: 'center',
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
},
|
|
43
|
+
container: {
|
|
44
|
+
width: '80%',
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
},
|
|
48
|
+
headerContainer: {
|
|
49
|
+
justifyContent: 'center',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
width: '80%',
|
|
52
|
+
marginBottom: 8,
|
|
53
|
+
},
|
|
54
|
+
header: {
|
|
55
|
+
fontSize: 20,
|
|
56
|
+
fontWeight: 'bold',
|
|
57
|
+
},
|
|
58
|
+
contentContainer: {
|
|
59
|
+
justifyContent: 'center',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
},
|
|
62
|
+
text: {
|
|
63
|
+
textAlign: 'center',
|
|
64
|
+
fontSize: 16,
|
|
65
|
+
},
|
|
66
|
+
buttonContainer: {
|
|
67
|
+
flexDirection: 'row',
|
|
68
|
+
justifyContent: 'center',
|
|
69
|
+
alignItems: 'center',
|
|
70
|
+
width: '80%',
|
|
71
|
+
},
|
|
72
|
+
});
|
|
73
|
+
export default PopUp;
|
|
74
|
+
//# sourceMappingURL=PopUp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopUp.js","sourceRoot":"","sources":["../../../../src/components/molecules/PopUp/PopUp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AACrD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAUvC,MAAM,KAAK,GAAG,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAa,EAAE,EAAE;IACpE,OAAO,CACL,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CACX,aAAa,CAAC,MAAM,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAC5C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAC3C;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,IAAI,IAAI,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CACxC;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACvD;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,iBAAiB;QAClC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,eAAe,EAAE;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,gBAAgB,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface RightIconProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
styleText?: any;
|
|
5
|
+
onPress: (any: any) => void;
|
|
6
|
+
title?: string;
|
|
7
|
+
icon: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const RightIconButton: ({ style, styleText, onPress, title, icon, }: RightIconProps) => JSX.Element;
|
|
10
|
+
export default RightIconButton;
|
|
@@ -0,0 +1,49 @@
|
|
|
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 from 'react';
|
|
19
|
+
import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
|
|
20
|
+
import { Card, Text } from '../../atoms';
|
|
21
|
+
const RightIconButton = ({ style, styleText, onPress = () => { }, title = null, icon, }) => {
|
|
22
|
+
return (<TouchableOpacity onPress={onPress} activeOpacity={0.9}>
|
|
23
|
+
<Card style={[styles.container, style]}>
|
|
24
|
+
<Text style={[styleText, styles.text]} numberOfLines={2}>
|
|
25
|
+
{title != null ? title : ''}
|
|
26
|
+
</Text>
|
|
27
|
+
{icon}
|
|
28
|
+
</Card>
|
|
29
|
+
</TouchableOpacity>);
|
|
30
|
+
};
|
|
31
|
+
const styles = StyleSheet.create({
|
|
32
|
+
container: {
|
|
33
|
+
width: Dimensions.get('window').width * 0.35,
|
|
34
|
+
height: 50,
|
|
35
|
+
flexDirection: 'row',
|
|
36
|
+
justifyContent: 'space-between',
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
paddingLeft: 20,
|
|
39
|
+
paddingRight: 15,
|
|
40
|
+
paddingVertical: 5,
|
|
41
|
+
marginVertical: 4,
|
|
42
|
+
marginRight: 16,
|
|
43
|
+
},
|
|
44
|
+
text: {
|
|
45
|
+
textAlign: 'center',
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
export default RightIconButton;
|
|
49
|
+
//# sourceMappingURL=RightIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RightIconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/RightIconButton/RightIconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AACtE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAUvC,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,GAAG,IAAI,EACZ,IAAI,GACW,EAAE,EAAE;IACnB,OAAO,CACL,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CACrD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACtD;UAAA,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC7B;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CACP;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,WAAW,EAAE,EAAE;KAChB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface SelectionContainerProps {
|
|
2
|
+
objectList: any[];
|
|
3
|
+
displayValue?: (any: any) => string;
|
|
4
|
+
handleSelect?: (any: any) => void;
|
|
5
|
+
keyField?: string;
|
|
6
|
+
emptyValue?: boolean;
|
|
7
|
+
isPicker?: boolean;
|
|
8
|
+
selectedItem?: any;
|
|
9
|
+
}
|
|
10
|
+
declare const SelectionContainer: ({ objectList, displayValue, handleSelect, keyField, emptyValue, isPicker, selectedItem, }: SelectionContainerProps) => JSX.Element;
|
|
11
|
+
export default SelectionContainer;
|
|
@@ -0,0 +1,111 @@
|
|
|
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 { ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
20
|
+
import { Icon, Text } from '../../atoms';
|
|
21
|
+
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
|
+
const SelectionItem = ({ style, content, onPress, isSelectedItem = false, }) => {
|
|
23
|
+
const Colors = useThemeColor();
|
|
24
|
+
return content == null ? null : (<TouchableOpacity style={[itemStyles.item, style]} onPress={onPress}>
|
|
25
|
+
<Text style={itemStyles.text} numberOfLines={1}>
|
|
26
|
+
{content}
|
|
27
|
+
</Text>
|
|
28
|
+
{isSelectedItem && (<Icon style={itemStyles.icon} name="check" color={Colors.primaryColor.background}/>)}
|
|
29
|
+
</TouchableOpacity>);
|
|
30
|
+
};
|
|
31
|
+
const itemStyles = StyleSheet.create({
|
|
32
|
+
item: {
|
|
33
|
+
height: 40,
|
|
34
|
+
flexDirection: 'row',
|
|
35
|
+
justifyContent: 'space-between',
|
|
36
|
+
position: 'relative',
|
|
37
|
+
width: '100%',
|
|
38
|
+
zIndex: 50,
|
|
39
|
+
},
|
|
40
|
+
text: {
|
|
41
|
+
marginTop: 10,
|
|
42
|
+
marginLeft: 10,
|
|
43
|
+
fontSize: 16,
|
|
44
|
+
},
|
|
45
|
+
icon: {
|
|
46
|
+
marginRight: 10,
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
const SelectionContainer = ({ objectList, displayValue, handleSelect, keyField = 'id', emptyValue = false, isPicker = false, selectedItem, }) => {
|
|
50
|
+
const Colors = useThemeColor();
|
|
51
|
+
const listLength = objectList != null && (objectList.length <= 5 ? objectList.length : 5);
|
|
52
|
+
const styles = useMemo(() => getStyles(Colors, listLength, emptyValue), [Colors, listLength, emptyValue]);
|
|
53
|
+
if (objectList == null || objectList.length === 0) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
const renderListItemContainerPicker = () => {
|
|
57
|
+
return (<View>
|
|
58
|
+
{emptyValue ? (<View>
|
|
59
|
+
<SelectionItem key={'null'} content={''} onPress={() => handleSelect(null)}/>
|
|
60
|
+
<View style={styles.border}/>
|
|
61
|
+
</View>) : null}
|
|
62
|
+
{renderListItemContainer()}
|
|
63
|
+
</View>);
|
|
64
|
+
};
|
|
65
|
+
const renderListItemContainer = () => {
|
|
66
|
+
if (objectList == null ||
|
|
67
|
+
objectList.length === 0 ||
|
|
68
|
+
!Array.isArray(objectList)) {
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
const visibleObjects = isPicker
|
|
72
|
+
? objectList
|
|
73
|
+
: objectList.slice(0, listLength);
|
|
74
|
+
return visibleObjects.map((item, index) => (<View key={'item' + index}>
|
|
75
|
+
<SelectionItem key={item[keyField]?.toString()} content={displayValue(item)} onPress={() => handleSelect(item)} isSelectedItem={selectedItem?.includes(item)}/>
|
|
76
|
+
<View key={'border' + index} style={index + 1 === objectList.length ||
|
|
77
|
+
(!isPicker && index + 1 === listLength)
|
|
78
|
+
? null
|
|
79
|
+
: styles.border}/>
|
|
80
|
+
</View>));
|
|
81
|
+
};
|
|
82
|
+
return (<View style={styles.flatListContainer}>
|
|
83
|
+
<ScrollView>
|
|
84
|
+
{isPicker ? renderListItemContainerPicker() : renderListItemContainer()}
|
|
85
|
+
</ScrollView>
|
|
86
|
+
</View>);
|
|
87
|
+
};
|
|
88
|
+
const getStyles = (Colors, listLength, emptyValue) => StyleSheet.create({
|
|
89
|
+
flatListContainer: {
|
|
90
|
+
height: emptyValue ? listLength * 40 + 45 : listLength * 40 + 5,
|
|
91
|
+
width: '90%',
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
top: '95%',
|
|
94
|
+
zIndex: 51,
|
|
95
|
+
backgroundColor: Colors.backgroundColor,
|
|
96
|
+
marginLeft: 18,
|
|
97
|
+
borderRadius: 10,
|
|
98
|
+
borderColor: Colors.secondaryColor.background,
|
|
99
|
+
borderWidth: 1,
|
|
100
|
+
elevation: 2,
|
|
101
|
+
},
|
|
102
|
+
border: {
|
|
103
|
+
borderBottomColor: Colors.secondaryColor.background,
|
|
104
|
+
borderBottomWidth: 1,
|
|
105
|
+
zIndex: 52,
|
|
106
|
+
width: '104%',
|
|
107
|
+
left: -14,
|
|
108
|
+
},
|
|
109
|
+
});
|
|
110
|
+
export default SelectionContainer;
|
|
111
|
+
//# sourceMappingURL=SelectionContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Color } from '../../../theme/themes';
|
|
2
|
+
interface StarScoreProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
color?: Color;
|
|
5
|
+
size?: number;
|
|
6
|
+
score: number;
|
|
7
|
+
showHalfStar?: boolean;
|
|
8
|
+
showMissingStar?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const StarScore: ({ style, color, size, score, showHalfStar, showMissingStar, }: StarScoreProps) => JSX.Element;
|
|
11
|
+
export default StarScore;
|