@axelor/aos-mobile-ui 6.4.0 → 6.4.2
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 +2 -1
- package/lib/components/atoms/HtmlInput/HtmlInput.d.ts +8 -1
- package/lib/components/atoms/HtmlInput/HtmlInput.js +30 -20
- package/lib/components/atoms/HtmlInput/HtmlInput.js.map +1 -1
- package/lib/components/atoms/index.d.ts +0 -1
- package/lib/components/atoms/index.js +0 -1
- package/lib/components/atoms/index.js.map +1 -1
- package/lib/components/molecules/Badge/Badge.d.ts +2 -2
- package/lib/components/molecules/Badge/Badge.js +4 -2
- package/lib/components/molecules/Badge/Badge.js.map +1 -1
- package/lib/components/molecules/Checkbox/Checkbox.d.ts +11 -0
- package/lib/components/molecules/Checkbox/Checkbox.js +52 -0
- package/lib/components/molecules/Checkbox/Checkbox.js.map +1 -0
- package/lib/components/molecules/Chip/Chip.d.ts +3 -2
- package/lib/components/molecules/Chip/Chip.js +2 -2
- package/lib/components/molecules/Chip/Chip.js.map +1 -1
- package/lib/components/molecules/CircleButton/CircleButton.d.ts +8 -0
- package/lib/components/molecules/CircleButton/CircleButton.js +47 -0
- package/lib/components/molecules/CircleButton/CircleButton.js.map +1 -0
- package/lib/components/molecules/FormHtmlInput/FormHtmlInput.d.ts +11 -0
- package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js +71 -0
- package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js.map +1 -0
- package/lib/components/molecules/FormIncrementInput/FormIncrementInput.d.ts +11 -0
- package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js +72 -0
- package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js.map +1 -0
- package/lib/components/molecules/FormInput/FormInput.d.ts +11 -0
- package/lib/components/molecules/FormInput/FormInput.js +72 -0
- package/lib/components/molecules/FormInput/FormInput.js.map +1 -0
- package/lib/components/molecules/IconButton/IconButton.d.ts +2 -1
- package/lib/components/molecules/IconButton/IconButton.js +2 -2
- package/lib/components/molecules/IconButton/IconButton.js.map +1 -1
- package/lib/components/molecules/IconInput/IconInput.d.ts +2 -1
- package/lib/components/molecules/IconInput/IconInput.js +18 -5
- package/lib/components/molecules/IconInput/IconInput.js.map +1 -1
- package/lib/components/molecules/Increment/Increment.d.ts +5 -1
- package/lib/components/molecules/Increment/Increment.js +30 -15
- package/lib/components/molecules/Increment/Increment.js.map +1 -1
- package/lib/components/molecules/MessageBox/MessageBox.js +20 -11
- package/lib/components/molecules/MessageBox/MessageBox.js.map +1 -1
- package/lib/components/molecules/NotesCard/NotesCard.d.ts +2 -1
- package/lib/components/molecules/NotesCard/NotesCard.js +13 -15
- package/lib/components/molecules/NotesCard/NotesCard.js.map +1 -1
- package/lib/components/molecules/PanelTabs/PanelTabs.d.ts +13 -0
- package/lib/components/molecules/PanelTabs/PanelTabs.js +93 -0
- package/lib/components/molecules/PanelTabs/PanelTabs.js.map +1 -0
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.d.ts +4 -4
- package/lib/components/molecules/index.d.ts +4 -0
- package/lib/components/molecules/index.js +4 -0
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js +59 -60
- package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js.map +1 -1
- package/lib/components/organisms/ChipSelect/ChipSelect.d.ts +14 -3
- package/lib/components/organisms/ChipSelect/ChipSelect.js +39 -6
- package/lib/components/organisms/ChipSelect/ChipSelect.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.d.ts +16 -0
- package/lib/components/organisms/FloatingButton/FloatingButton.js +106 -0
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -0
- package/lib/components/organisms/MultiSelectValue/MultiSelectValue.d.ts +9 -0
- package/lib/components/organisms/MultiSelectValue/MultiSelectValue.js +49 -0
- package/lib/components/organisms/MultiSelectValue/MultiSelectValue.js.map +1 -0
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.d.ts +3 -3
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +16 -11
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -1
- package/lib/components/organisms/Picker/Picker.d.ts +3 -1
- package/lib/components/organisms/Picker/Picker.js +29 -7
- package/lib/components/organisms/Picker/Picker.js.map +1 -1
- package/lib/components/organisms/SearchBar/SearchBar.d.ts +2 -1
- package/lib/components/organisms/SearchBar/SearchBar.js +2 -2
- package/lib/components/organisms/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/organisms/index.d.ts +2 -0
- package/lib/components/organisms/index.js +2 -0
- package/lib/components/organisms/index.js.map +1 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib/utils/commons-styles.d.ts +13 -1
- package/lib/utils/commons-styles.js +13 -1
- package/lib/utils/commons-styles.js.map +1 -1
- package/lib/utils/commons-utlis.d.ts +1 -0
- package/lib/utils/{headerStyle.js → commons-utlis.js} +7 -14
- package/lib/utils/commons-utlis.js.map +1 -0
- package/lib/utils/formatters.d.ts +1 -0
- package/lib/utils/formatters.js +10 -0
- package/lib/utils/formatters.js.map +1 -1
- package/lib/utils/strings.js +1 -1
- package/lib/utils/strings.js.map +1 -1
- package/package.json +3 -4
- package/lib/components/atoms/RenderHtml/RenderHtml.d.ts +0 -6
- package/lib/components/atoms/RenderHtml/RenderHtml.js +0 -50
- package/lib/components/atoms/RenderHtml/RenderHtml.js.map +0 -1
- package/lib/utils/headerStyle.d.ts +0 -12
- package/lib/utils/headerStyle.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormInput/FormInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,9 @@ interface IconButtonProps {
|
|
|
4
4
|
color?: Color;
|
|
5
5
|
title: string;
|
|
6
6
|
iconName: string;
|
|
7
|
+
FontAwesome5: boolean;
|
|
7
8
|
onPress: (any: any) => void;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
}
|
|
10
|
-
declare const IconButton: ({ style, color, title, iconName, onPress, disabled, }: IconButtonProps) => JSX.Element;
|
|
11
|
+
declare const IconButton: ({ style, color, title, iconName, FontAwesome5, onPress, disabled, }: IconButtonProps) => JSX.Element;
|
|
11
12
|
export default IconButton;
|
|
@@ -20,7 +20,7 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
|
20
20
|
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
21
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
22
|
import { Icon, Text } from '../../atoms';
|
|
23
|
-
const IconButton = ({ style, color, title, iconName, onPress = () => { }, disabled = false, }) => {
|
|
23
|
+
const IconButton = ({ style, color, title, iconName, FontAwesome5 = true, onPress = () => { }, disabled = false, }) => {
|
|
24
24
|
const Colors = useThemeColor();
|
|
25
25
|
const buttonColor = useMemo(() => (color == null ? Colors.primaryColor : color), [Colors.primaryColor, color]);
|
|
26
26
|
const styles = useMemo(() => {
|
|
@@ -28,7 +28,7 @@ const IconButton = ({ style, color, title, iconName, onPress = () => { }, disabl
|
|
|
28
28
|
}, [buttonColor]);
|
|
29
29
|
const commonStyle = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
30
30
|
return (<TouchableOpacity style={[styles.container, commonStyle.button, style]} onPress={onPress} disabled={disabled}>
|
|
31
|
-
<Icon name={iconName} size={15} color={buttonColor.foreground}/>
|
|
31
|
+
<Icon name={iconName} FontAwesome5={FontAwesome5} size={15} color={buttonColor.foreground}/>
|
|
32
32
|
<Text style={styles.text}>{title}</Text>
|
|
33
33
|
</TouchableOpacity>);
|
|
34
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconButton/IconButton.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,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconButton/IconButton.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,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAavC,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EACnD,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAC7B,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CACrD,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,EAEhC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACzC;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CACxB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,UAAU;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,UAAU;QACvB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
|
|
@@ -5,6 +5,7 @@ interface IconInputProps {
|
|
|
5
5
|
onChange: (value: any) => void;
|
|
6
6
|
placeholder: string;
|
|
7
7
|
readOnly?: boolean;
|
|
8
|
+
required?: boolean;
|
|
8
9
|
secureTextEntry?: boolean;
|
|
9
10
|
onSelection?: () => void;
|
|
10
11
|
multiline?: boolean;
|
|
@@ -15,5 +16,5 @@ interface IconInputProps {
|
|
|
15
16
|
leftIconsList?: any[];
|
|
16
17
|
rightIconsList?: any[];
|
|
17
18
|
}
|
|
18
|
-
declare const IconInput: ({ style, value, onChange, placeholder, readOnly, secureTextEntry, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, leftIconsList, rightIconsList, }: IconInputProps) => JSX.Element;
|
|
19
|
+
declare const IconInput: ({ style, value, onChange, placeholder, readOnly, required, secureTextEntry, onSelection, multiline, numberOfLines, keyboardType, onEndFocus, isFocus, leftIconsList, rightIconsList, }: IconInputProps) => JSX.Element;
|
|
19
20
|
export default IconInput;
|
|
@@ -15,20 +15,33 @@
|
|
|
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, { useMemo } from 'react';
|
|
18
|
+
import React, { useMemo, useState } from 'react';
|
|
19
19
|
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
20
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
21
22
|
import { Input } from '../../atoms';
|
|
22
|
-
|
|
23
|
+
import { checkNullString } from '../../../utils/strings';
|
|
24
|
+
const IconInput = ({ style, value, onChange, placeholder, readOnly, required = false, secureTextEntry, onSelection = () => { }, multiline, numberOfLines, keyboardType, onEndFocus = () => { }, isFocus, leftIconsList = [], rightIconsList = [], }) => {
|
|
23
25
|
const Colors = useThemeColor();
|
|
24
26
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
25
|
-
|
|
27
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
28
|
+
const _required = useMemo(() => required && checkNullString(value), [required, value]);
|
|
29
|
+
const commonStyles = useMemo(() => getCommonStyles(Colors, _required), [Colors, _required]);
|
|
30
|
+
const handleSelection = () => {
|
|
31
|
+
setIsFocused(true);
|
|
32
|
+
onSelection();
|
|
33
|
+
};
|
|
34
|
+
const handleEndFocus = () => {
|
|
35
|
+
setIsFocused(false);
|
|
36
|
+
onEndFocus();
|
|
37
|
+
};
|
|
38
|
+
return (<View style={[styles.container, isFocused && commonStyles.inputFocused, style]}>
|
|
26
39
|
{leftIconsList.map((iconComponent, index) => React.cloneElement(iconComponent, { key: index }))}
|
|
27
|
-
<Input style={styles.input} value={value} onChange={onChange} placeholder={placeholder} readOnly={readOnly} secureTextEntry={secureTextEntry} onSelection={
|
|
40
|
+
<Input style={styles.input} value={value} onChange={onChange} placeholder={placeholder} readOnly={readOnly} secureTextEntry={secureTextEntry} onSelection={handleSelection} multiline={multiline} numberOfLines={numberOfLines} keyboardType={keyboardType} onEndFocus={handleEndFocus} isFocus={isFocus}/>
|
|
28
41
|
{rightIconsList.map((iconComponent, index) => React.cloneElement(iconComponent, { key: index }))}
|
|
29
42
|
</View>);
|
|
30
43
|
};
|
|
31
|
-
const getStyles = Colors => StyleSheet.create({
|
|
44
|
+
const getStyles = (Colors) => StyleSheet.create({
|
|
32
45
|
container: {
|
|
33
46
|
borderColor: Colors.secondaryColor.background,
|
|
34
47
|
borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconInput/IconInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/IconInput/IconInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
interface IncrementProps {
|
|
2
|
+
style?: any;
|
|
3
|
+
inputStyle?: any;
|
|
2
4
|
value: string | undefined;
|
|
3
5
|
decimalSpacer?: string;
|
|
4
6
|
thousandSpacer?: string;
|
|
5
7
|
onValueChange: (any: any) => void;
|
|
8
|
+
onFocus?: () => void;
|
|
9
|
+
onBlur?: () => void;
|
|
6
10
|
}
|
|
7
|
-
declare const Increment: ({ value, decimalSpacer, thousandSpacer, onValueChange, }: IncrementProps) => JSX.Element;
|
|
11
|
+
declare const Increment: ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, }: IncrementProps) => JSX.Element;
|
|
8
12
|
export default Increment;
|
|
@@ -15,24 +15,38 @@
|
|
|
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, { useMemo, useState } from 'react';
|
|
18
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
19
19
|
import { StyleSheet, View } from 'react-native';
|
|
20
|
-
import { formatNumber } from '../../../utils/formatters';
|
|
21
|
-
import { useThemeColor } from '../../../theme
|
|
20
|
+
import { formatNumber as _format, unformatNumber as _unformat, } from '../../../utils/formatters';
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
22
|
import { Icon, Input } from '../../atoms';
|
|
23
|
-
const
|
|
23
|
+
const cutDecimalExcess = number => {
|
|
24
|
+
return number.toFixed(2).toString();
|
|
25
|
+
};
|
|
26
|
+
const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus = () => { }, onBlur = () => { }, }) => {
|
|
27
|
+
const format = useCallback(number => {
|
|
28
|
+
return _format(number, decimalSpacer, thousandSpacer);
|
|
29
|
+
}, [decimalSpacer, thousandSpacer]);
|
|
30
|
+
const unformat = useCallback(number => {
|
|
31
|
+
return _unformat(number, decimalSpacer, thousandSpacer);
|
|
32
|
+
}, [decimalSpacer, thousandSpacer]);
|
|
24
33
|
const Colors = useThemeColor();
|
|
25
|
-
const [valueQty, setValueQty] = useState(
|
|
34
|
+
const [valueQty, setValueQty] = useState();
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
setValueQty(format(unformat(value)));
|
|
37
|
+
}, [format, unformat, value]);
|
|
26
38
|
const handlePlus = () => {
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
39
|
+
const unformatedValue = unformat(valueQty);
|
|
40
|
+
const newValue = parseFloat(unformatedValue) + parseFloat('1');
|
|
41
|
+
setValueQty(format(cutDecimalExcess(newValue)));
|
|
42
|
+
onValueChange(format(cutDecimalExcess(newValue)));
|
|
30
43
|
};
|
|
31
44
|
const handleMinus = () => {
|
|
32
|
-
const
|
|
45
|
+
const unformatedValue = unformat(valueQty);
|
|
46
|
+
const newValue = parseFloat(unformatedValue) - parseFloat('1');
|
|
33
47
|
if (newValue >= 0) {
|
|
34
|
-
setValueQty(
|
|
35
|
-
onValueChange(newValue
|
|
48
|
+
setValueQty(format(cutDecimalExcess(newValue)));
|
|
49
|
+
onValueChange(format(cutDecimalExcess(newValue)));
|
|
36
50
|
}
|
|
37
51
|
};
|
|
38
52
|
const handleEndInput = () => {
|
|
@@ -46,7 +60,7 @@ const Increment = ({ value, decimalSpacer, thousandSpacer, onValueChange, }) =>
|
|
|
46
60
|
else {
|
|
47
61
|
const newValue = parseFloat(valueQty);
|
|
48
62
|
if (newValue >= 0) {
|
|
49
|
-
setValueQty(
|
|
63
|
+
setValueQty(format(cutDecimalExcess(newValue)));
|
|
50
64
|
onValueChange(newValue.toFixed(2));
|
|
51
65
|
}
|
|
52
66
|
else {
|
|
@@ -54,17 +68,18 @@ const Increment = ({ value, decimalSpacer, thousandSpacer, onValueChange, }) =>
|
|
|
54
68
|
onValueChange(0.0);
|
|
55
69
|
}
|
|
56
70
|
}
|
|
71
|
+
onBlur();
|
|
57
72
|
};
|
|
58
73
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
59
|
-
return (<View style={styles.container_increment}>
|
|
74
|
+
return (<View style={[styles.container_increment, style]}>
|
|
60
75
|
<Icon name="minus" size={24} color={Colors.primaryColor.background} touchable={true} onPress={handleMinus} style={styles.container_icon}/>
|
|
61
76
|
<View style={styles.inputLine}>
|
|
62
|
-
<Input style={styles.input} value={valueQty} onChange={input => setValueQty(input)} keyboardType="numeric" onEndFocus={handleEndInput}/>
|
|
77
|
+
<Input style={[styles.input, inputStyle]} value={valueQty} onChange={input => setValueQty(input)} keyboardType="numeric" onSelection={onFocus} onEndFocus={handleEndInput}/>
|
|
63
78
|
</View>
|
|
64
79
|
<Icon name="plus" size={24} color={Colors.primaryColor.background} touchable={true} onPress={handlePlus} style={styles.container_icon}/>
|
|
65
80
|
</View>);
|
|
66
81
|
};
|
|
67
|
-
const getStyles = Colors => StyleSheet.create({
|
|
82
|
+
const getStyles = (Colors) => StyleSheet.create({
|
|
68
83
|
container_increment: {
|
|
69
84
|
flexDirection: 'row',
|
|
70
85
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Increment.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/Increment.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Increment.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/Increment.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,YAAY,IAAI,OAAO,EACvB,cAAc,IAAI,SAAS,GAC5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAExC,MAAM,gBAAgB,GAAG,MAAM,CAAC,EAAE;IAChC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AACtC,CAAC,CAAC;AAaF,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,UAAU,EACV,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAa,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,GACF,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,WAAW,CACxB,MAAM,CAAC,EAAE;QACP,OAAO,OAAO,CAAC,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IACxD,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,MAAM,CAAC,EAAE;QACP,OAAO,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;IAC1D,CAAC,EACD,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAU,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAW,UAAU,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QACvE,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChD,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/D,IAAI,QAAQ,IAAI,CAAC,EAAE;YACjB,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChD,aAAa,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACnD;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,aAAa,EAAE;YACxC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC7B;QAED,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,IAAI,EAAE;YACxC,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;YACnC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;aAAM;YACL,MAAM,QAAQ,GAAW,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,QAAQ,IAAI,CAAC,EAAE;gBACjB,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChD,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aACpC;iBAAM;gBACL,WAAW,CAAC,IAAI,aAAa,IAAI,CAAC,CAAC;gBACnC,aAAa,CAAC,GAAG,CAAC,CAAC;aACpB;SACF;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAC/C;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,OAAO,CACZ,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAE/B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAClC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CACtC,YAAY,CAAC,SAAS,CACtB,WAAW,CAAC,CAAC,OAAO,CAAC,CACrB,UAAU,CAAC,CAAC,cAAc,CAAC,EAE/B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,MAAM,CACX,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CACtC,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAEjC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,SAAS,EAAE,CAAC;QACZ,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,gBAAgB,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;QACV,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QAC7C,WAAW,EAAE,GAAG;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;KACjB;IACD,SAAS,EAAE;QACT,WAAW,EAAE,QAAQ;QACrB,iBAAiB,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;QACnD,iBAAiB,EAAE,GAAG;QACtB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}
|
|
@@ -17,16 +17,15 @@
|
|
|
17
17
|
*/
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
19
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
20
|
-
import {
|
|
20
|
+
import { HtmlInput, Icon } from '../../atoms';
|
|
21
21
|
import { getCommonStyles } from '../../../utils/commons-styles';
|
|
22
|
-
import { useThemeColor } from '../../../theme
|
|
23
|
-
const BOX_HEIGHT =
|
|
24
|
-
const BOX_MAX_HEIGHT = 85;
|
|
22
|
+
import { useThemeColor } from '../../../theme';
|
|
23
|
+
const BOX_HEIGHT = 90;
|
|
25
24
|
const MessageBox = ({ placeholder, disabled, value, onChange, onSend, }) => {
|
|
26
25
|
const Colors = useThemeColor();
|
|
27
26
|
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
28
27
|
return (<View style={styles.container}>
|
|
29
|
-
<
|
|
28
|
+
<HtmlInput defaultInput={value} onChange={onChange} placeholder={placeholder} containerStyle={[commonStyles.filter, styles.htlmInput]} style={styles.input} styleToolbar={styles.htmlToolBar}/>
|
|
30
29
|
<TouchableOpacity style={[commonStyles.filter, styles.action]} disabled={disabled} onPress={onSend} activeOpacity={0.9}>
|
|
31
30
|
<Icon name="paper-plane" size={24}/>
|
|
32
31
|
</TouchableOpacity>
|
|
@@ -41,19 +40,29 @@ const styles = StyleSheet.create({
|
|
|
41
40
|
overflow: 'hidden',
|
|
42
41
|
},
|
|
43
42
|
input: {
|
|
44
|
-
width: '
|
|
45
|
-
minHeight: BOX_HEIGHT,
|
|
46
|
-
maxHeight: BOX_MAX_HEIGHT,
|
|
43
|
+
width: '100%',
|
|
47
44
|
fontSize: 16,
|
|
48
|
-
flexDirection: 'row',
|
|
49
|
-
alignItems: 'center',
|
|
50
45
|
marginRight: 5,
|
|
46
|
+
borderRadius: 13,
|
|
47
|
+
},
|
|
48
|
+
htlmInput: {
|
|
49
|
+
borderRadius: 13,
|
|
50
|
+
paddingHorizontal: 0,
|
|
51
|
+
marginHorizontal: 5,
|
|
52
|
+
marginVertical: 5,
|
|
53
|
+
paddingTop: 10,
|
|
54
|
+
},
|
|
55
|
+
htmlToolBar: {
|
|
56
|
+
backgroundColor: null,
|
|
57
|
+
marginLeft: -5,
|
|
51
58
|
},
|
|
52
59
|
action: {
|
|
53
|
-
width: '
|
|
60
|
+
width: '10%',
|
|
54
61
|
height: BOX_HEIGHT,
|
|
55
62
|
justifyContent: 'center',
|
|
56
63
|
alignItems: 'center',
|
|
64
|
+
marginRight: 5,
|
|
65
|
+
paddingHorizontal: 0,
|
|
57
66
|
},
|
|
58
67
|
});
|
|
59
68
|
export default MessageBox;
|
|
@@ -1 +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,
|
|
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,SAAS,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAU7C,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,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,SAAS,CACR,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CACxD,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,YAAY,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAEnC;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,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;KACjB;IACD,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,CAAC;QACpB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;KACf;IACD,WAAW,EAAE;QACX,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,CAAC,CAAC;KACf;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,UAAU;QAClB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;QACd,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface NotesCardProps {
|
|
2
2
|
title: string;
|
|
3
3
|
data: string;
|
|
4
|
+
style?: any;
|
|
4
5
|
}
|
|
5
|
-
declare const NotesCard: ({ title, data }: NotesCardProps) => JSX.Element;
|
|
6
|
+
declare const NotesCard: ({ title, data, style }: NotesCardProps) => JSX.Element;
|
|
6
7
|
export default NotesCard;
|
|
@@ -15,40 +15,38 @@
|
|
|
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
|
|
18
|
+
import React from 'react';
|
|
19
19
|
import { StyleSheet, View } from 'react-native';
|
|
20
|
-
import { Card,
|
|
21
|
-
const
|
|
22
|
-
const NotesCard = ({ title, data }) => {
|
|
23
|
-
const [widthNotes, setWidthNotes] = useState();
|
|
20
|
+
import { Card, HtmlInput, Text } from '../../atoms';
|
|
21
|
+
const NotesCard = ({ title, data, style }) => {
|
|
24
22
|
if (data == null || data === '') {
|
|
25
23
|
return null;
|
|
26
24
|
}
|
|
27
|
-
return (<View style={styles.description}
|
|
28
|
-
const { width } = event.nativeEvent.layout;
|
|
29
|
-
setWidthNotes(width);
|
|
30
|
-
}}>
|
|
25
|
+
return (<View style={[styles.description, style]}>
|
|
31
26
|
<Text style={styles.title}>{title}</Text>
|
|
32
27
|
<Card style={styles.note}>
|
|
33
|
-
<
|
|
28
|
+
<HtmlInput defaultInput={data} readonly={true}/>
|
|
34
29
|
</Card>
|
|
35
30
|
</View>);
|
|
36
31
|
};
|
|
37
32
|
const styles = StyleSheet.create({
|
|
38
33
|
description: {
|
|
39
|
-
marginHorizontal: 16,
|
|
40
34
|
flexDirection: 'column',
|
|
41
|
-
marginTop:
|
|
35
|
+
marginTop: 10,
|
|
42
36
|
},
|
|
43
37
|
title: {
|
|
44
|
-
marginHorizontal:
|
|
38
|
+
marginHorizontal: 24,
|
|
45
39
|
},
|
|
46
40
|
note: {
|
|
47
41
|
justifyContent: 'center',
|
|
42
|
+
width: '90%',
|
|
48
43
|
elevation: 0,
|
|
49
|
-
borderRadius:
|
|
50
|
-
padding: 10,
|
|
44
|
+
borderRadius: 13,
|
|
51
45
|
marginVertical: 8,
|
|
46
|
+
marginLeft: 20,
|
|
47
|
+
paddingHorizontal: 10,
|
|
48
|
+
paddingRight: 10,
|
|
49
|
+
paddingVertical: 10,
|
|
52
50
|
},
|
|
53
51
|
});
|
|
54
52
|
export default NotesCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"NotesCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/NotesCard/NotesCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAQlD,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAiB,EAAE,EAAE;IACzD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CACvC;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,SAAS,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAChD;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,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,gBAAgB,EAAE,EAAE;KACrB;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,UAAU,EAAE,EAAE;QACd,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TabProps {
|
|
3
|
+
key: number;
|
|
4
|
+
title: string;
|
|
5
|
+
isActive: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
component: React.ReactNode;
|
|
8
|
+
translator: (translationKey: string) => string;
|
|
9
|
+
}
|
|
10
|
+
declare const PanelTabs: ({ tabs }: {
|
|
11
|
+
tabs: TabProps[];
|
|
12
|
+
}) => JSX.Element;
|
|
13
|
+
export default PanelTabs;
|
|
@@ -0,0 +1,93 @@
|
|
|
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, { useCallback, useMemo, useState } from 'react';
|
|
19
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
20
|
+
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
21
|
+
import { Text } from '../../atoms';
|
|
22
|
+
const Tab = ({ tabKey, title, isActive, disabled, onPress, translator, }) => {
|
|
23
|
+
const Colors = useThemeColor();
|
|
24
|
+
const handleChangeTab = useCallback(() => {
|
|
25
|
+
return onPress(tabKey);
|
|
26
|
+
}, [onPress, tabKey]);
|
|
27
|
+
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
28
|
+
return (<TouchableOpacity onPress={handleChangeTab} disabled={disabled || isActive} style={[styles.tab, isActive ? styles.actifTab : styles.inactifTab]} activeOpacity={0.8}>
|
|
29
|
+
<Text style={isActive ? styles.boldTitle : null} fontSize={16} textColor={isActive ? Colors.primaryColor.background : Colors.text}>
|
|
30
|
+
{translator(title)}
|
|
31
|
+
</Text>
|
|
32
|
+
</TouchableOpacity>);
|
|
33
|
+
};
|
|
34
|
+
const PanelTabs = ({ tabs }) => {
|
|
35
|
+
const [panels, setPanels] = useState(tabs);
|
|
36
|
+
const Colors = useThemeColor();
|
|
37
|
+
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
38
|
+
const swicthTab = useCallback((tabKey) => {
|
|
39
|
+
setPanels(panels.map(item => item.key === tabKey
|
|
40
|
+
? { ...item, isActive: true }
|
|
41
|
+
: { ...item, isActive: false }));
|
|
42
|
+
}, [panels]);
|
|
43
|
+
const panelComponent = useMemo(() => {
|
|
44
|
+
return panels.filter(item => item.isActive)[0].component;
|
|
45
|
+
}, [panels]);
|
|
46
|
+
const tabsComponent = useMemo(() => {
|
|
47
|
+
return panels.map(item => (<Tab key={item.key} tabKey={item.key} title={item.title} isActive={item.isActive} disabled={item.disabled} onPress={swicthTab} translator={item.translator}/>));
|
|
48
|
+
}, [swicthTab, panels]);
|
|
49
|
+
if (panels == null || panels?.length === 0) {
|
|
50
|
+
return <View />;
|
|
51
|
+
}
|
|
52
|
+
return (<View style={styles.container}>
|
|
53
|
+
<View style={styles.tabs}>{tabsComponent}</View>
|
|
54
|
+
<View style={styles.panel}>{panelComponent}</View>
|
|
55
|
+
</View>);
|
|
56
|
+
};
|
|
57
|
+
const getStyles = (Colors) => StyleSheet.create({
|
|
58
|
+
container: {
|
|
59
|
+
flexDirection: 'column',
|
|
60
|
+
},
|
|
61
|
+
tabs: {
|
|
62
|
+
paddingTop: 10,
|
|
63
|
+
paddingLeft: 20,
|
|
64
|
+
flexDirection: 'row',
|
|
65
|
+
backgroundColor: Colors.backgroundColor,
|
|
66
|
+
},
|
|
67
|
+
tab: {
|
|
68
|
+
backgroundColor: Colors.screenBackgroundColor,
|
|
69
|
+
paddingHorizontal: 25,
|
|
70
|
+
marginHorizontal: 5,
|
|
71
|
+
paddingVertical: 10,
|
|
72
|
+
borderTopLeftRadius: 7,
|
|
73
|
+
borderTopRightRadius: 7,
|
|
74
|
+
elevation: 3,
|
|
75
|
+
},
|
|
76
|
+
boldTitle: {
|
|
77
|
+
fontWeight: 'bold',
|
|
78
|
+
},
|
|
79
|
+
actifTab: {
|
|
80
|
+
borderTopColor: Colors.primaryColor.background,
|
|
81
|
+
borderTopWidth: 4,
|
|
82
|
+
},
|
|
83
|
+
inactifTab: {
|
|
84
|
+
borderTopColor: Colors.screenBackgroundColor,
|
|
85
|
+
borderTopWidth: 4,
|
|
86
|
+
},
|
|
87
|
+
panel: {
|
|
88
|
+
backgroundColor: Colors.screenBackgroundColor,
|
|
89
|
+
height: '100%',
|
|
90
|
+
},
|
|
91
|
+
});
|
|
92
|
+
export default PanelTabs;
|
|
93
|
+
//# sourceMappingURL=PanelTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PanelTabs.js","sourceRoot":"","sources":["../../../../src/components/molecules/PanelTabs/PanelTabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
interface ViewAllContainerProps {
|
|
2
2
|
style?: any;
|
|
3
|
-
title
|
|
4
|
-
data
|
|
5
|
-
disabled
|
|
3
|
+
title?: string;
|
|
4
|
+
data?: any[];
|
|
5
|
+
disabled?: boolean;
|
|
6
6
|
children: any;
|
|
7
7
|
isHeaderExist?: boolean;
|
|
8
8
|
onNewIcon?: () => void;
|
|
9
9
|
onViewPress: () => void;
|
|
10
|
-
renderFirstTwoItems
|
|
10
|
+
renderFirstTwoItems?: (item: any, index: number) => any;
|
|
11
11
|
translator?: (any: any) => void | undefined;
|
|
12
12
|
}
|
|
13
13
|
declare const ViewAllContainer: ({ style, title, data, disabled, children, isHeaderExist, onNewIcon, onViewPress, renderFirstTwoItems, translator, }: ViewAllContainerProps) => JSX.Element;
|
|
@@ -2,12 +2,15 @@ export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
|
|
|
2
2
|
export { default as Badge } from './Badge/Badge';
|
|
3
3
|
export { default as Button } from './Button/Button';
|
|
4
4
|
export { default as CardIconButton } from './CardIconButton/CardIconButton';
|
|
5
|
+
export { default as Checkbox } from './Checkbox/Checkbox';
|
|
5
6
|
export { default as Chip } from './Chip/Chip';
|
|
7
|
+
export { default as CircleButton } from './CircleButton/CircleButton';
|
|
6
8
|
export { default as ClearableCard } from './ClearableCard/ClearableCard';
|
|
7
9
|
export { default as DropdownCard } from './DropdownCard/DropdownCard';
|
|
8
10
|
export { default as DropdownMenu } from './DropdownMenu/DropdownMenu';
|
|
9
11
|
export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
|
|
10
12
|
export { default as EditableInput } from './EditableInput/EditableInput';
|
|
13
|
+
export { default as FormInput } from './FormInput/FormInput';
|
|
11
14
|
export { default as FromTo } from './FromTo/FromTo';
|
|
12
15
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
13
16
|
export { default as IconButton } from './IconButton/IconButton';
|
|
@@ -22,6 +25,7 @@ export { default as MessageBox } from './MessageBox/MessageBox';
|
|
|
22
25
|
export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
|
|
23
26
|
export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
|
|
24
27
|
export { default as NotesCard } from './NotesCard/NotesCard';
|
|
28
|
+
export { default as PanelTabs } from './PanelTabs/PanelTabs';
|
|
25
29
|
export { default as PopUp } from './PopUp/PopUp';
|
|
26
30
|
export { default as RightIconButton } from './RightIconButton/RightIconButton';
|
|
27
31
|
export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
|
|
@@ -19,12 +19,15 @@ export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
|
|
|
19
19
|
export { default as Badge } from './Badge/Badge';
|
|
20
20
|
export { default as Button } from './Button/Button';
|
|
21
21
|
export { default as CardIconButton } from './CardIconButton/CardIconButton';
|
|
22
|
+
export { default as Checkbox } from './Checkbox/Checkbox';
|
|
22
23
|
export { default as Chip } from './Chip/Chip';
|
|
24
|
+
export { default as CircleButton } from './CircleButton/CircleButton';
|
|
23
25
|
export { default as ClearableCard } from './ClearableCard/ClearableCard';
|
|
24
26
|
export { default as DropdownCard } from './DropdownCard/DropdownCard';
|
|
25
27
|
export { default as DropdownMenu } from './DropdownMenu/DropdownMenu';
|
|
26
28
|
export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
|
|
27
29
|
export { default as EditableInput } from './EditableInput/EditableInput';
|
|
30
|
+
export { default as FormInput } from './FormInput/FormInput';
|
|
28
31
|
export { default as FromTo } from './FromTo/FromTo';
|
|
29
32
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
30
33
|
export { default as IconButton } from './IconButton/IconButton';
|
|
@@ -39,6 +42,7 @@ export { default as MessageBox } from './MessageBox/MessageBox';
|
|
|
39
42
|
export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
|
|
40
43
|
export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
|
|
41
44
|
export { default as NotesCard } from './NotesCard/NotesCard';
|
|
45
|
+
export { default as PanelTabs } from './PanelTabs/PanelTabs';
|
|
42
46
|
export { default as PopUp } from './PopUp/PopUp';
|
|
43
47
|
export { default as RightIconButton } from './RightIconButton/RightIconButton';
|
|
44
48
|
export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
|
|
@@ -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,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,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,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,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,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,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,gBAAgB,EAAC,MAAM,qCAAqC,CAAC"}
|
|
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,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,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,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,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,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,gBAAgB,EAAC,MAAM,qCAAqC,CAAC"}
|