@axelor/aos-mobile-ui 9.0.1 → 9.0.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/lib/components/molecules/SelectionContainer/SelectionContainer.d.ts +2 -1
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js +14 -8
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -1
- package/lib/components/organisms/Picker/Picker.d.ts +2 -1
- package/lib/components/organisms/Picker/Picker.js +8 -3
- package/lib/components/organisms/Picker/Picker.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,7 @@ interface SelectionContainerProps {
|
|
|
13
13
|
translator?: (key: string, values?: Object) => string;
|
|
14
14
|
title?: string;
|
|
15
15
|
wrapperRef?: RefObject<any>;
|
|
16
|
+
multiLineLabels?: boolean;
|
|
16
17
|
}
|
|
17
|
-
declare const SelectionContainer: ({ style, objectList, displayValue, handleSelect, handleMoreResult, keyField, emptyValue, isPicker, selectedItem, readonly, translator, title, wrapperRef, }: SelectionContainerProps) => React.JSX.Element;
|
|
18
|
+
declare const SelectionContainer: ({ style, objectList, displayValue, handleSelect, handleMoreResult, keyField, emptyValue, isPicker, selectedItem, readonly, translator, title, wrapperRef, multiLineLabels, }: SelectionContainerProps) => React.JSX.Element;
|
|
18
19
|
export default SelectionContainer;
|
|
@@ -21,7 +21,7 @@ import { useThemeColor } from '../../../theme';
|
|
|
21
21
|
import { Icon, Text } from '../../atoms';
|
|
22
22
|
import { checkNullString } from '../../../utils';
|
|
23
23
|
const MAX_LIST_LENGTH = 5;
|
|
24
|
-
const SelectionItem = ({ style, content, onPress, isPicker = false, itemColor, isSelectedItem = false, readonly = false, isMoreResultsItem = false, }) => {
|
|
24
|
+
const SelectionItem = ({ style, content, onPress, isPicker = false, itemColor, isSelectedItem = false, readonly = false, isMoreResultsItem = false, multiLineLabels = false, }) => {
|
|
25
25
|
const Colors = useThemeColor();
|
|
26
26
|
const _itemColor = useMemo(() => itemColor ?? Colors.primaryColor, [Colors.primaryColor, itemColor]);
|
|
27
27
|
const indicatorStyles = useMemo(() => getIndicatorColor(_itemColor.background), [_itemColor]);
|
|
@@ -31,7 +31,7 @@ const SelectionItem = ({ style, content, onPress, isPicker = false, itemColor, i
|
|
|
31
31
|
? Colors.secondaryColor.background_light
|
|
32
32
|
: Colors.secondaryColor_dark.background}/>)}
|
|
33
33
|
<View style={itemStyles.textContainer}>
|
|
34
|
-
<Text style={itemStyles.text} numberOfLines={1} writingType={isMoreResultsItem ? 'title' : null}>
|
|
34
|
+
<Text style={itemStyles.text} numberOfLines={multiLineLabels ? undefined : 1} writingType={isMoreResultsItem ? 'title' : null}>
|
|
35
35
|
{content}
|
|
36
36
|
</Text>
|
|
37
37
|
{itemColor != null && <View style={indicatorStyles.selectedItem}/>}
|
|
@@ -51,7 +51,7 @@ const getIndicatorColor = (color) => {
|
|
|
51
51
|
};
|
|
52
52
|
const getItemStyles = (isPicker, isMoreResultsItem) => StyleSheet.create({
|
|
53
53
|
item: {
|
|
54
|
-
|
|
54
|
+
minHeight: 40,
|
|
55
55
|
flexDirection: 'row',
|
|
56
56
|
alignItems: 'center',
|
|
57
57
|
width: '100%',
|
|
@@ -73,7 +73,7 @@ const getItemStyles = (isPicker, isMoreResultsItem) => StyleSheet.create({
|
|
|
73
73
|
margin: 10,
|
|
74
74
|
},
|
|
75
75
|
});
|
|
76
|
-
const SelectionContainer = ({ style, objectList, displayValue, handleSelect, handleMoreResult, keyField = 'id', emptyValue = false, isPicker = false, selectedItem = [], readonly = false, translator, title, wrapperRef, }) => {
|
|
76
|
+
const SelectionContainer = ({ style, objectList, displayValue, handleSelect, handleMoreResult, keyField = 'id', emptyValue = false, isPicker = false, selectedItem = [], readonly = false, translator, title, wrapperRef, multiLineLabels = false, }) => {
|
|
77
77
|
const Colors = useThemeColor();
|
|
78
78
|
const [isMoreResultsItem, setIsMoreResultsItem] = useState(false);
|
|
79
79
|
const listLength = useMemo(() => {
|
|
@@ -90,7 +90,12 @@ const SelectionContainer = ({ style, objectList, displayValue, handleSelect, han
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}, [isPicker, objectList]);
|
|
93
|
-
const
|
|
93
|
+
const selectionHeight = useMemo(() => {
|
|
94
|
+
return emptyValue || isMoreResultsItem
|
|
95
|
+
? listLength * 40 + 45
|
|
96
|
+
: listLength * 40 + 5;
|
|
97
|
+
}, [emptyValue, isMoreResultsItem, listLength]);
|
|
98
|
+
const styles = useMemo(() => getStyles(Colors, selectionHeight), [Colors, selectionHeight]);
|
|
94
99
|
const selectedKeys = useMemo(() => selectedItem?.map(_item => _item?.[keyField]) ?? [], [keyField, selectedItem]);
|
|
95
100
|
const renderEmptyState = useCallback(() => {
|
|
96
101
|
const _title = (checkNullString(title) ? translator?.('Base_Data') : title) ?? 'data';
|
|
@@ -112,7 +117,7 @@ const SelectionContainer = ({ style, objectList, displayValue, handleSelect, han
|
|
|
112
117
|
const moreResultsItemContent = translator != null ? translator('Base_MoreResults') : 'More results...';
|
|
113
118
|
return (<>
|
|
114
119
|
{visibleObjects.map((item, index) => (<View key={'item' + index}>
|
|
115
|
-
<SelectionItem key={item[keyField]?.toString()} content={displayValue(item)} onPress={() => handleSelect(item)} itemColor={item?.color} isPicker={isPicker} isSelectedItem={selectedKeys.includes(item[keyField])} readonly={readonly}/>
|
|
120
|
+
<SelectionItem key={item[keyField]?.toString()} content={displayValue(item)} onPress={() => handleSelect(item)} itemColor={item?.color} isPicker={isPicker} isSelectedItem={selectedKeys.includes(item[keyField])} readonly={readonly} multiLineLabels={multiLineLabels}/>
|
|
116
121
|
<View key={'border' + index} style={index + 1 === objectList?.length ||
|
|
117
122
|
(!isPicker && index + 1 === listLength)
|
|
118
123
|
? null
|
|
@@ -132,6 +137,7 @@ const SelectionContainer = ({ style, objectList, displayValue, handleSelect, han
|
|
|
132
137
|
keyField,
|
|
133
138
|
listLength,
|
|
134
139
|
objectList,
|
|
140
|
+
multiLineLabels,
|
|
135
141
|
readonly,
|
|
136
142
|
selectedKeys,
|
|
137
143
|
styles.border,
|
|
@@ -161,9 +167,9 @@ const SelectionContainer = ({ style, objectList, displayValue, handleSelect, han
|
|
|
161
167
|
</ScrollView>
|
|
162
168
|
</View>);
|
|
163
169
|
};
|
|
164
|
-
const getStyles = (Colors,
|
|
170
|
+
const getStyles = (Colors, height) => StyleSheet.create({
|
|
165
171
|
flatListContainer: {
|
|
166
|
-
height:
|
|
172
|
+
height: height,
|
|
167
173
|
width: '100%',
|
|
168
174
|
position: 'absolute',
|
|
169
175
|
top: '94%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAqB,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE/C,MAAM,eAAe,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectionContainer.js","sourceRoot":"","sources":["../../../../src/components/molecules/SelectionContainer/SelectionContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,8 @@ interface PickerProps {
|
|
|
16
16
|
readonly?: boolean;
|
|
17
17
|
required?: boolean;
|
|
18
18
|
isScrollViewContainer?: boolean;
|
|
19
|
+
multiLineLabels?: boolean;
|
|
19
20
|
translator?: (key: string, values?: Object) => string;
|
|
20
21
|
}
|
|
21
|
-
declare const Picker: ({ style, pickerStyle, styleTxt, title, placeholder, onValueChange, defaultValue, listItems, displayValue, labelField, valueField, emptyValue, isValueItem, readonly, required, isScrollViewContainer, translator, }: PickerProps) => React.JSX.Element;
|
|
22
|
+
declare const Picker: ({ style, pickerStyle, styleTxt, title, placeholder, onValueChange, defaultValue, listItems, displayValue, labelField, valueField, emptyValue, isValueItem, readonly, required, isScrollViewContainer, multiLineLabels, translator, }: PickerProps) => React.JSX.Element;
|
|
22
23
|
export default Picker;
|
|
@@ -23,7 +23,7 @@ import { useOutsideClickHandler } from '../../../hooks';
|
|
|
23
23
|
import { Icon, Text } from '../../atoms';
|
|
24
24
|
import { FormInput, SelectionContainer, RightIconButton } from '../../molecules';
|
|
25
25
|
const ITEM_HEIGHT = 40;
|
|
26
|
-
const Picker = ({ style, pickerStyle, styleTxt, title, placeholder, onValueChange, defaultValue = '', listItems, displayValue, labelField, valueField, emptyValue = true, isValueItem = false, readonly = false, required = false, isScrollViewContainer = false, translator, }) => {
|
|
26
|
+
const Picker = ({ style, pickerStyle, styleTxt, title, placeholder, onValueChange, defaultValue = '', listItems, displayValue, labelField, valueField, emptyValue = true, isValueItem = false, readonly = false, required = false, isScrollViewContainer = false, multiLineLabels = false, translator, }) => {
|
|
27
27
|
const Colors = useThemeColor();
|
|
28
28
|
const [isFocused, setIsFocused] = useState(false);
|
|
29
29
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -100,15 +100,16 @@ const Picker = ({ style, pickerStyle, styleTxt, title, placeholder, onValueChang
|
|
|
100
100
|
style,
|
|
101
101
|
]} testID="pickerContainer">
|
|
102
102
|
{!checkNullString(title) && (<Text style={[styles.title, styleTxt]}>{title}</Text>)}
|
|
103
|
-
<RightIconButton numberOfLines={1} onPress={togglePicker} icon={<Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>} title={displayPlaceholder ? placeholder : _displayValue(selectedItem)} styleText={styles.textPicker} style={[
|
|
103
|
+
<RightIconButton numberOfLines={multiLineLabels ? null : 1} onPress={togglePicker} icon={<Icon name="chevron-down" color={Colors.secondaryColor_dark.background}/>} title={displayPlaceholder ? placeholder : _displayValue(selectedItem)} styleText={styles.textPicker} style={[
|
|
104
104
|
commonStyles.filter,
|
|
105
105
|
commonStyles.filterSize,
|
|
106
106
|
commonStyles.filterAlign,
|
|
107
107
|
isFocused && commonStyles.inputFocused,
|
|
108
108
|
styles.content,
|
|
109
|
+
multiLineLabels && styles.adjustableHeight,
|
|
109
110
|
pickerStyle,
|
|
110
111
|
]}/>
|
|
111
|
-
{isOpen && (<SelectionContainer style={pickerStyle} wrapperRef={selectionWrapperRef} emptyValue={emptyValue} objectList={listItems} keyField={valueField} displayValue={_displayValue} handleSelect={handleValueChange} isPicker={true} selectedItem={[selectedItem]} title={title} translator={translator}/>)}
|
|
112
|
+
{isOpen && (<SelectionContainer style={pickerStyle} wrapperRef={selectionWrapperRef} emptyValue={emptyValue} objectList={listItems} keyField={valueField} displayValue={_displayValue} handleSelect={handleValueChange} isPicker={true} selectedItem={[selectedItem]} title={title} multiLineLabels={multiLineLabels} translator={translator}/>)}
|
|
112
113
|
</View>);
|
|
113
114
|
};
|
|
114
115
|
const getStyles = (Colors, _required, marginBottom, isOpen, displayPlaceholder) => StyleSheet.create({
|
|
@@ -129,6 +130,10 @@ const getStyles = (Colors, _required, marginBottom, isOpen, displayPlaceholder)
|
|
|
129
130
|
marginHorizontal: 0,
|
|
130
131
|
minHeight: 40,
|
|
131
132
|
},
|
|
133
|
+
adjustableHeight: {
|
|
134
|
+
height: undefined,
|
|
135
|
+
paddingVertical: 10,
|
|
136
|
+
},
|
|
132
137
|
textPicker: {
|
|
133
138
|
color: displayPlaceholder ? Colors.placeholderTextColor : Colors.text,
|
|
134
139
|
fontSize: displayPlaceholder ? 15 : 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../src/components/organisms/Picker/Picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACxD,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAE/E,MAAM,WAAW,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../src/components/organisms/Picker/Picker.tsx"],"names":[],"mappings":"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"}
|