@axelor/aos-mobile-ui 8.3.2 → 8.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/molecules/Increment/Increment.js +5 -4
- package/lib/components/molecules/Increment/Increment.js.map +1 -1
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.d.ts +1 -1
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.js +20 -14
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.js.map +1 -1
- package/lib/components/organisms/ViewAllEditList/LineComponent.d.ts +1 -1
- package/lib/components/organisms/ViewAllEditList/LineComponent.js +18 -14
- package/lib/components/organisms/ViewAllEditList/LineComponent.js.map +1 -1
- package/lib/components/organisms/ViewAllEditList/ViewAllEditList.d.ts +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
19
|
-
import { Platform, StyleSheet, View } from 'react-native';
|
|
19
|
+
import { Platform, StyleSheet, TouchableOpacity, View, } from 'react-native';
|
|
20
20
|
import { formatNumber as _format, unformatNumber as _unformat, } from '../../../utils/formatters';
|
|
21
21
|
import { useThemeColor } from '../../../theme';
|
|
22
22
|
import { Input } from '../../atoms';
|
|
@@ -26,9 +26,10 @@ import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-ou
|
|
|
26
26
|
const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, onValueChange, onFocus, onBlur, readonly = false, defaultFormatting = true, stepSize = 1, minValue = 0, maxValue = null, isBigButton = false, keyboardType = 'numeric', scale, }) => {
|
|
27
27
|
const Colors = useThemeColor();
|
|
28
28
|
const cutDecimalExcess = useDigitFormat();
|
|
29
|
+
const containerRef = useRef(null);
|
|
29
30
|
const inputRef = useRef(null);
|
|
30
31
|
const clickOutside = useClickOutside({
|
|
31
|
-
wrapperRef:
|
|
32
|
+
wrapperRef: containerRef,
|
|
32
33
|
});
|
|
33
34
|
const [valueQty, setValueQty] = useState(value);
|
|
34
35
|
const handleDecimal = useCallback((numberToFormat) => {
|
|
@@ -109,13 +110,13 @@ const Increment = ({ style, inputStyle, value, decimalSpacer, thousandSpacer, on
|
|
|
109
110
|
onFocus?.();
|
|
110
111
|
};
|
|
111
112
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
112
|
-
return (<
|
|
113
|
+
return (<TouchableOpacity ref={containerRef} style={[styles.container_increment, style]} activeOpacity={0.9} onPress={() => inputRef.current?.focus()}>
|
|
113
114
|
<IncrementButton iconName="dash-lg" onPress={handleMinus} readonly={readonly} disabled={minValue != null && parseFloat(valueQty) <= minValue} isBigButton={isBigButton}/>
|
|
114
115
|
<View style={[styles.inputLine, isBigButton ? styles.fixedInputWidth : null]}>
|
|
115
116
|
<Input inputRef={inputRef} style={[styles.input, inputStyle]} value={valueQty != null ? String(valueQty) : ''} onChange={setValueQty} keyboardType={keyboardType} onSelection={handleFocus} onEndFocus={handleEndInput} readOnly={readonly}/>
|
|
116
117
|
</View>
|
|
117
118
|
<IncrementButton iconName="plus-lg" onPress={handlePlus} readonly={readonly} disabled={maxValue != null && parseFloat(valueQty) >= maxValue} isBigButton={isBigButton}/>
|
|
118
|
-
</
|
|
119
|
+
</TouchableOpacity>);
|
|
119
120
|
};
|
|
120
121
|
const getStyles = (Colors) => StyleSheet.create({
|
|
121
122
|
container_increment: {
|
|
@@ -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,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"Increment.js","sourceRoot":"","sources":["../../../../src/components/molecules/Increment/Increment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ interface AllLinesAlertProps {
|
|
|
6
6
|
setIsAlertVisible: (visible: boolean) => void;
|
|
7
7
|
lines: Line[];
|
|
8
8
|
setLines: (lines: Line[]) => void;
|
|
9
|
-
handleEditLine
|
|
9
|
+
handleEditLine?: (line: Line) => void;
|
|
10
10
|
translator: (key: string) => string;
|
|
11
11
|
}
|
|
12
12
|
declare const AllLinesAlert: ({ title, isAlertVisible, setIsAlertVisible, lines, setLines, handleEditLine, translator, }: AllLinesAlertProps) => React.JSX.Element;
|
|
@@ -27,16 +27,18 @@ const AllLinesAlert = ({ title, isAlertVisible, setIsAlertVisible, lines, setLin
|
|
|
27
27
|
const renderChexboxItem = ({ item }) => {
|
|
28
28
|
return (<View style={styles.renderContainer}>
|
|
29
29
|
<View style={styles.renderFirstLine}>
|
|
30
|
-
<
|
|
31
|
-
{
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
30
|
+
<View style={styles.text}>
|
|
31
|
+
<Text style={styles.productName} writingType="important">
|
|
32
|
+
{item.name}
|
|
33
|
+
</Text>
|
|
34
|
+
<Text style={styles.productQty}>
|
|
35
|
+
{item.qty} {item.unitName}
|
|
36
|
+
</Text>
|
|
37
|
+
</View>
|
|
38
|
+
{handleEditLine && (<Icon name="pencil-fill" size={16} touchable onPress={() => {
|
|
39
|
+
setIsAlertVisible(false);
|
|
40
|
+
handleEditLine(item);
|
|
41
|
+
}}/>)}
|
|
40
42
|
</View>
|
|
41
43
|
{item.nameDetails && (<Text writingType="details">{item.nameDetails}</Text>)}
|
|
42
44
|
</View>);
|
|
@@ -64,14 +66,18 @@ const styles = StyleSheet.create({
|
|
|
64
66
|
},
|
|
65
67
|
renderFirstLine: {
|
|
66
68
|
flexDirection: 'row',
|
|
67
|
-
|
|
68
|
-
|
|
69
|
+
gap: 5,
|
|
70
|
+
},
|
|
71
|
+
text: {
|
|
72
|
+
flexDirection: 'row',
|
|
73
|
+
alignItems: 'center',
|
|
74
|
+
flex: 1,
|
|
69
75
|
},
|
|
70
76
|
productName: {
|
|
71
|
-
flex:
|
|
77
|
+
flex: 1,
|
|
72
78
|
},
|
|
73
79
|
productQty: {
|
|
74
|
-
|
|
80
|
+
maxWidth: '25%',
|
|
75
81
|
},
|
|
76
82
|
alertContainer: {
|
|
77
83
|
height: '70%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AllLinesAlert.js","sourceRoot":"","sources":["../../../../src/components/organisms/ViewAllEditList/AllLinesAlert.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,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAa7C,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvD,MAAM,iBAAiB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;QACnC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,WAAW,CACtD;
|
|
1
|
+
{"version":3,"file":"AllLinesAlert.js","sourceRoot":"","sources":["../../../../src/components/organisms/ViewAllEditList/AllLinesAlert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Line } from './ViewAllEditList';
|
|
|
3
3
|
interface LineComponentProps {
|
|
4
4
|
line: Line;
|
|
5
5
|
isSelected: boolean;
|
|
6
|
-
handleEditLine
|
|
6
|
+
handleEditLine?: (line: Line) => void;
|
|
7
7
|
handleDeleteLine: (lineId: number) => void;
|
|
8
8
|
}
|
|
9
9
|
declare const LineComponent: ({ line, isSelected, handleEditLine, handleDeleteLine, }: LineComponentProps) => React.JSX.Element;
|
|
@@ -22,30 +22,34 @@ import { useThemeColor } from '../../../theme';
|
|
|
22
22
|
const LineComponent = ({ line, isSelected, handleEditLine, handleDeleteLine, }) => {
|
|
23
23
|
const Colors = useThemeColor();
|
|
24
24
|
return (<View style={styles.container}>
|
|
25
|
-
<
|
|
26
|
-
{
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
{
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
25
|
+
<View style={styles.line}>
|
|
26
|
+
<Text style={styles.productName} writingType={isSelected ? 'title' : null} textColor={isSelected ? Colors.secondaryColor.background : null} fontSize={16}>
|
|
27
|
+
{line.name}
|
|
28
|
+
</Text>
|
|
29
|
+
<Text style={styles.productQty} writingType={isSelected ? 'title' : null} textColor={isSelected ? Colors.secondaryColor.background : null} fontSize={16}>
|
|
30
|
+
{line.qty} {line.unitName}
|
|
31
|
+
</Text>
|
|
32
|
+
</View>
|
|
33
|
+
{handleEditLine && (<Icon name="pencil-fill" size={16} touchable={!isSelected} color={isSelected ? Colors.secondaryColor.background : null} onPress={() => handleEditLine(line)}/>)}
|
|
34
|
+
<Icon name="x-lg" size={20} touchable onPress={() => handleDeleteLine(line.id)}/>
|
|
33
35
|
</View>);
|
|
34
36
|
};
|
|
35
37
|
const styles = StyleSheet.create({
|
|
36
38
|
container: {
|
|
37
39
|
flexDirection: 'row',
|
|
38
|
-
justifyContent: 'space-between',
|
|
39
40
|
marginVertical: 4,
|
|
41
|
+
gap: 5,
|
|
42
|
+
},
|
|
43
|
+
line: {
|
|
44
|
+
flexDirection: 'row',
|
|
45
|
+
alignItems: 'center',
|
|
46
|
+
flex: 1,
|
|
40
47
|
},
|
|
41
48
|
productName: {
|
|
42
|
-
flex:
|
|
49
|
+
flex: 1,
|
|
43
50
|
},
|
|
44
51
|
productQty: {
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
icon: {
|
|
48
|
-
marginLeft: 3,
|
|
52
|
+
maxWidth: '25%',
|
|
49
53
|
},
|
|
50
54
|
});
|
|
51
55
|
export default LineComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineComponent.js","sourceRoot":"","sources":["../../../../src/components/organisms/ViewAllEditList/LineComponent.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,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAU7C,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,UAAU,EACV,cAAc,EACd,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CACzC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb;
|
|
1
|
+
{"version":3,"file":"LineComponent.js","sourceRoot":"","sources":["../../../../src/components/organisms/ViewAllEditList/LineComponent.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,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAU7C,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,UAAU,EACV,cAAc,EACd,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CACzC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb;UAAA,CAAC,IAAI,CAAC,IAAI,CACZ;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CACzC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAChE,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb;UAAA,CAAC,IAAI,CAAC,GAAG,CAAE,CAAA,CAAC,IAAI,CAAC,QAAQ,CAC3B;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,cAAc,IAAI,CACjB,CAAC,IAAI,CACH,IAAI,CAAC,aAAa,CAClB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5D,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EACpC,CACH,CACD;MAAA,CAAC,IAAI,CACH,IAAI,CAAC,MAAM,CACX,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,SAAS,CACT,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAE7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;QACjB,GAAG,EAAE,CAAC;KACP;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,CAAC;KACR;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
|
|
@@ -11,7 +11,7 @@ interface ViewAllEditListProps {
|
|
|
11
11
|
lines: Line[];
|
|
12
12
|
currentLineId: number;
|
|
13
13
|
setLines: (lines: Line[]) => void;
|
|
14
|
-
handleEditLine
|
|
14
|
+
handleEditLine?: (line: Line) => void;
|
|
15
15
|
translator: (key: string) => string;
|
|
16
16
|
}
|
|
17
17
|
declare const ViewAllEditList: ({ title, lines, currentLineId, setLines, handleEditLine, translator, }: ViewAllEditListProps) => React.JSX.Element;
|