@chem-po/react-native 0.0.15 → 0.0.16
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/commonjs/components/form/Field.js +4 -2
- package/lib/commonjs/components/form/Field.js.map +1 -1
- package/lib/commonjs/components/form/Form.js +20 -7
- package/lib/commonjs/components/form/Form.js.map +1 -1
- package/lib/commonjs/components/form/input/Editable.js +24 -7
- package/lib/commonjs/components/form/input/Editable.js.map +1 -1
- package/lib/commonjs/components/form/input/common/InputClearButton.js +10 -5
- package/lib/commonjs/components/form/input/common/InputClearButton.js.map +1 -1
- package/lib/commonjs/components/form/input/date/index.js +23 -15
- package/lib/commonjs/components/form/input/date/index.js.map +1 -1
- package/lib/commonjs/components/form/input/datetime/index.js +22 -18
- package/lib/commonjs/components/form/input/datetime/index.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/index.js +4 -4
- package/lib/commonjs/components/form/input/hooks/index.js.map +1 -1
- package/lib/commonjs/components/form/input/hooks/useInputStyles.js +111 -0
- package/lib/commonjs/components/form/input/hooks/useInputStyles.js.map +1 -0
- package/lib/commonjs/components/form/input/input.js +49 -11
- package/lib/commonjs/components/form/input/input.js.map +1 -1
- package/lib/commonjs/components/form/input/multipleSelect/index.js +162 -44
- package/lib/commonjs/components/form/input/multipleSelect/index.js.map +1 -1
- package/lib/commonjs/components/form/input/number/index.js +10 -5
- package/lib/commonjs/components/form/input/number/index.js.map +1 -1
- package/lib/commonjs/components/form/input/select/index.js +84 -173
- package/lib/commonjs/components/form/input/select/index.js.map +1 -1
- package/lib/commonjs/components/form/input/text/index.js +7 -5
- package/lib/commonjs/components/form/input/text/index.js.map +1 -1
- package/lib/commonjs/components/form/input/text/textarea.js +10 -5
- package/lib/commonjs/components/form/input/text/textarea.js.map +1 -1
- package/lib/commonjs/components/form/input/time/index.js +22 -13
- package/lib/commonjs/components/form/input/time/index.js.map +1 -1
- package/lib/commonjs/components/form/view/file.js +18 -4
- package/lib/commonjs/components/form/view/file.js.map +1 -1
- package/lib/commonjs/components/form/view/index.js +24 -23
- package/lib/commonjs/components/form/view/index.js.map +1 -1
- package/lib/commonjs/components/form/view/multipleSelect.js +38 -10
- package/lib/commonjs/components/form/view/multipleSelect.js.map +1 -1
- package/lib/commonjs/components/form/view/select.js +24 -9
- package/lib/commonjs/components/form/view/select.js.map +1 -1
- package/lib/commonjs/components/form/view/styles.js +21 -0
- package/lib/commonjs/components/form/view/styles.js.map +1 -0
- package/lib/module/components/form/Field.js +4 -2
- package/lib/module/components/form/Field.js.map +1 -1
- package/lib/module/components/form/Form.js +20 -7
- package/lib/module/components/form/Form.js.map +1 -1
- package/lib/module/components/form/input/Editable.js +24 -7
- package/lib/module/components/form/input/Editable.js.map +1 -1
- package/lib/module/components/form/input/common/InputClearButton.js +11 -6
- package/lib/module/components/form/input/common/InputClearButton.js.map +1 -1
- package/lib/module/components/form/input/date/index.js +23 -15
- package/lib/module/components/form/input/date/index.js.map +1 -1
- package/lib/module/components/form/input/datetime/index.js +22 -18
- package/lib/module/components/form/input/datetime/index.js.map +1 -1
- package/lib/module/components/form/input/hooks/index.js +1 -1
- package/lib/module/components/form/input/hooks/index.js.map +1 -1
- package/lib/module/components/form/input/hooks/useInputStyles.js +104 -0
- package/lib/module/components/form/input/hooks/useInputStyles.js.map +1 -0
- package/lib/module/components/form/input/input.js +51 -13
- package/lib/module/components/form/input/input.js.map +1 -1
- package/lib/module/components/form/input/multipleSelect/index.js +163 -46
- package/lib/module/components/form/input/multipleSelect/index.js.map +1 -1
- package/lib/module/components/form/input/number/index.js +10 -5
- package/lib/module/components/form/input/number/index.js.map +1 -1
- package/lib/module/components/form/input/select/index.js +86 -175
- package/lib/module/components/form/input/select/index.js.map +1 -1
- package/lib/module/components/form/input/text/index.js +7 -5
- package/lib/module/components/form/input/text/index.js.map +1 -1
- package/lib/module/components/form/input/text/textarea.js +11 -6
- package/lib/module/components/form/input/text/textarea.js.map +1 -1
- package/lib/module/components/form/input/time/index.js +22 -13
- package/lib/module/components/form/input/time/index.js.map +1 -1
- package/lib/module/components/form/view/file.js +18 -4
- package/lib/module/components/form/view/file.js.map +1 -1
- package/lib/module/components/form/view/index.js +25 -24
- package/lib/module/components/form/view/index.js.map +1 -1
- package/lib/module/components/form/view/multipleSelect.js +38 -10
- package/lib/module/components/form/view/multipleSelect.js.map +1 -1
- package/lib/module/components/form/view/select.js +23 -9
- package/lib/module/components/form/view/select.js.map +1 -1
- package/lib/module/components/form/view/styles.js +15 -0
- package/lib/module/components/form/view/styles.js.map +1 -0
- package/lib/typescript/components/form/Field.d.ts +2 -1
- package/lib/typescript/components/form/Field.d.ts.map +1 -1
- package/lib/typescript/components/form/Form.d.ts +7 -4
- package/lib/typescript/components/form/Form.d.ts.map +1 -1
- package/lib/typescript/components/form/input/Editable.d.ts +1 -1
- package/lib/typescript/components/form/input/Editable.d.ts.map +1 -1
- package/lib/typescript/components/form/input/common/InputClearButton.d.ts +4 -2
- package/lib/typescript/components/form/input/common/InputClearButton.d.ts.map +1 -1
- package/lib/typescript/components/form/input/date/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/datetime/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/hooks/index.d.ts +1 -1
- package/lib/typescript/components/form/input/hooks/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts +61 -0
- package/lib/typescript/components/form/input/hooks/useInputStyles.d.ts.map +1 -0
- package/lib/typescript/components/form/input/input.d.ts.map +1 -1
- package/lib/typescript/components/form/input/multipleSelect/index.d.ts +6 -1
- package/lib/typescript/components/form/input/multipleSelect/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/number/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/select/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/text/index.d.ts.map +1 -1
- package/lib/typescript/components/form/input/text/textarea.d.ts.map +1 -1
- package/lib/typescript/components/form/input/time/index.d.ts.map +1 -1
- package/lib/typescript/components/form/view/file.d.ts +3 -1
- package/lib/typescript/components/form/view/file.d.ts.map +1 -1
- package/lib/typescript/components/form/view/index.d.ts +3 -1
- package/lib/typescript/components/form/view/index.d.ts.map +1 -1
- package/lib/typescript/components/form/view/multipleSelect.d.ts +5 -3
- package/lib/typescript/components/form/view/multipleSelect.d.ts.map +1 -1
- package/lib/typescript/components/form/view/select.d.ts +4 -1
- package/lib/typescript/components/form/view/select.d.ts.map +1 -1
- package/lib/typescript/components/form/view/styles.d.ts +14 -0
- package/lib/typescript/components/form/view/styles.d.ts.map +1 -0
- package/package.json +5 -4
- package/src/components/form/Field.tsx +3 -2
- package/src/components/form/Form.tsx +41 -11
- package/src/components/form/input/Editable.tsx +23 -6
- package/src/components/form/input/common/InputClearButton.tsx +12 -4
- package/src/components/form/input/date/index.tsx +23 -12
- package/src/components/form/input/datetime/index.tsx +27 -14
- package/src/components/form/input/hooks/index.ts +1 -1
- package/src/components/form/input/hooks/useInputStyles.ts +124 -0
- package/src/components/form/input/input.tsx +57 -25
- package/src/components/form/input/multipleSelect/index.tsx +189 -60
- package/src/components/form/input/number/index.tsx +5 -4
- package/src/components/form/input/select/index.tsx +88 -166
- package/src/components/form/input/text/index.tsx +4 -9
- package/src/components/form/input/text/textarea.tsx +18 -16
- package/src/components/form/input/time/index.tsx +31 -11
- package/src/components/form/view/file.tsx +19 -4
- package/src/components/form/view/index.tsx +36 -22
- package/src/components/form/view/multipleSelect.tsx +42 -15
- package/src/components/form/view/select.tsx +28 -11
- package/src/components/form/view/styles.ts +15 -0
- package/lib/commonjs/components/form/input/hooks/useInputStyle.js +0 -50
- package/lib/commonjs/components/form/input/hooks/useInputStyle.js.map +0 -1
- package/lib/commonjs/components/form/input/styles.js +0 -17
- package/lib/commonjs/components/form/input/styles.js.map +0 -1
- package/lib/module/components/form/input/hooks/useInputStyle.js +0 -43
- package/lib/module/components/form/input/hooks/useInputStyle.js.map +0 -1
- package/lib/module/components/form/input/styles.js +0 -11
- package/lib/module/components/form/input/styles.js.map +0 -1
- package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts +0 -9
- package/lib/typescript/components/form/input/hooks/useInputStyle.d.ts.map +0 -1
- package/lib/typescript/components/form/input/styles.d.ts +0 -10
- package/lib/typescript/components/form/input/styles.d.ts.map +0 -1
- package/src/components/form/input/hooks/useInputStyle.ts +0 -40
- package/src/components/form/input/styles.ts +0 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","
|
|
1
|
+
{"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","_useInputStyles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateTimeInput","exports","forwardRef","input","value","onBlur","onChange","onFocus","field","meta","active","formSize","inEditable","ref","placeholder","optional","showDatePicker","setShowDatePicker","useState","showTimePicker","setShowTimePicker","container","inputStyles","iconSize","text","clearButtonSize","buttonContainer","useInputStyles","size","selectedDate","useMemo","Date","useImperativeHandle","focus","blur","handleDateChange","useCallback","date","newDate","toISOString","handleTimeChange","hours","minutes","setHours","setMinutes","handleDismiss","undefined","formattedValue","getDateTimeString","hourMinute","getHours","getMinutes","iconColor","useIconColor","inputColor","useInputColor","createElement","View","style","styles","TouchableOpacity","button","onPress","Text","color","Ionicons","name","DateInputClearButton","isActive","Portal","DatePickerModal","locale","label","mode","onConfirm","d","_d$date","split","onDismiss","visible","TimePickerModal","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","flex"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/datetime/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,14 +14,14 @@ Object.keys(_useInputImperativeHandle).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
-
var
|
|
18
|
-
Object.keys(
|
|
17
|
+
var _useInputStyles = require("./useInputStyles");
|
|
18
|
+
Object.keys(_useInputStyles).forEach(function (key) {
|
|
19
19
|
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] ===
|
|
20
|
+
if (key in exports && exports[key] === _useInputStyles[key]) return;
|
|
21
21
|
Object.defineProperty(exports, key, {
|
|
22
22
|
enumerable: true,
|
|
23
23
|
get: function () {
|
|
24
|
-
return
|
|
24
|
+
return _useInputStyles[key];
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useInputImperativeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","
|
|
1
|
+
{"version":3,"names":["_useInputImperativeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useInputStyles"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useInputStyles = exports.inputStyles = void 0;
|
|
7
|
+
var _react = require("@chem-po/react");
|
|
8
|
+
var _react2 = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
const inputStyles = exports.inputStyles = _reactNative.StyleSheet.create({
|
|
11
|
+
input: {
|
|
12
|
+
width: '100%',
|
|
13
|
+
fontSize: 16,
|
|
14
|
+
outlineWidth: 0
|
|
15
|
+
},
|
|
16
|
+
inputXSmall: {
|
|
17
|
+
paddingVertical: 4,
|
|
18
|
+
paddingHorizontal: 6,
|
|
19
|
+
borderRadius: 3
|
|
20
|
+
},
|
|
21
|
+
inputSmall: {
|
|
22
|
+
paddingVertical: 6,
|
|
23
|
+
paddingHorizontal: 9,
|
|
24
|
+
borderRadius: 4
|
|
25
|
+
},
|
|
26
|
+
inputMedium: {
|
|
27
|
+
paddingVertical: 8,
|
|
28
|
+
paddingHorizontal: 12,
|
|
29
|
+
borderRadius: 6
|
|
30
|
+
},
|
|
31
|
+
inputLarge: {
|
|
32
|
+
paddingVertical: 10,
|
|
33
|
+
paddingHorizontal: 14,
|
|
34
|
+
borderRadius: 8
|
|
35
|
+
},
|
|
36
|
+
inputTextSmall: {
|
|
37
|
+
fontSize: 14
|
|
38
|
+
},
|
|
39
|
+
inputTextMedium: {
|
|
40
|
+
fontSize: 16
|
|
41
|
+
},
|
|
42
|
+
inputTextLarge: {
|
|
43
|
+
fontSize: 18
|
|
44
|
+
},
|
|
45
|
+
buttonContainer: {
|
|
46
|
+
flexDirection: 'row',
|
|
47
|
+
alignItems: 'center'
|
|
48
|
+
},
|
|
49
|
+
buttonContainerSmall: {
|
|
50
|
+
gap: 6
|
|
51
|
+
},
|
|
52
|
+
buttonContainerMedium: {
|
|
53
|
+
gap: 8
|
|
54
|
+
},
|
|
55
|
+
buttonContainerLarge: {
|
|
56
|
+
gap: 10
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
const iconSizeMap = {
|
|
60
|
+
sm: 16,
|
|
61
|
+
md: 20,
|
|
62
|
+
lg: 24
|
|
63
|
+
};
|
|
64
|
+
const clearButtonSizeMap = {
|
|
65
|
+
sm: 12,
|
|
66
|
+
md: 14,
|
|
67
|
+
lg: 16
|
|
68
|
+
};
|
|
69
|
+
const inputSizeMap = {
|
|
70
|
+
sm: inputStyles.inputSmall,
|
|
71
|
+
md: inputStyles.inputMedium,
|
|
72
|
+
lg: inputStyles.inputLarge
|
|
73
|
+
};
|
|
74
|
+
const editableInputSizeMap = {
|
|
75
|
+
sm: inputStyles.inputXSmall,
|
|
76
|
+
md: inputStyles.inputSmall,
|
|
77
|
+
lg: inputStyles.inputMedium
|
|
78
|
+
};
|
|
79
|
+
const inputTextSizeMap = {
|
|
80
|
+
sm: inputStyles.inputTextSmall,
|
|
81
|
+
md: inputStyles.inputTextMedium,
|
|
82
|
+
lg: inputStyles.inputTextLarge
|
|
83
|
+
};
|
|
84
|
+
const buttonContainerSizeMap = {
|
|
85
|
+
sm: inputStyles.buttonContainerSmall,
|
|
86
|
+
md: inputStyles.buttonContainerMedium,
|
|
87
|
+
lg: inputStyles.buttonContainerLarge
|
|
88
|
+
};
|
|
89
|
+
const useInputStyles = (inEditable, size, formSize = 'md') => {
|
|
90
|
+
const formElementBg = (0, _react.useBackgroundColor)(150);
|
|
91
|
+
const bg = (0, _react2.useMemo)(() => inEditable ? 'transparent' : formElementBg, [inEditable, formElementBg]);
|
|
92
|
+
const textColor = (0, _react.useTextColor)();
|
|
93
|
+
const usedSize = size ?? formSize;
|
|
94
|
+
return {
|
|
95
|
+
text: {
|
|
96
|
+
...inputTextSizeMap[usedSize],
|
|
97
|
+
color: textColor
|
|
98
|
+
},
|
|
99
|
+
container: {
|
|
100
|
+
...inputStyles.input,
|
|
101
|
+
...(inEditable ? editableInputSizeMap[usedSize] : inputSizeMap[usedSize]),
|
|
102
|
+
backgroundColor: bg
|
|
103
|
+
},
|
|
104
|
+
size: usedSize,
|
|
105
|
+
iconSize: iconSizeMap[usedSize],
|
|
106
|
+
clearButtonSize: clearButtonSizeMap[usedSize],
|
|
107
|
+
buttonContainer: [inputStyles.buttonContainer, buttonContainerSizeMap[usedSize]]
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
exports.useInputStyles = useInputStyles;
|
|
111
|
+
//# sourceMappingURL=useInputStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_reactNative","inputStyles","exports","StyleSheet","create","input","width","fontSize","outlineWidth","inputXSmall","paddingVertical","paddingHorizontal","borderRadius","inputSmall","inputMedium","inputLarge","inputTextSmall","inputTextMedium","inputTextLarge","buttonContainer","flexDirection","alignItems","buttonContainerSmall","gap","buttonContainerMedium","buttonContainerLarge","iconSizeMap","sm","md","lg","clearButtonSizeMap","inputSizeMap","editableInputSizeMap","inputTextSizeMap","buttonContainerSizeMap","useInputStyles","inEditable","size","formSize","formElementBg","useBackgroundColor","bg","useMemo","textColor","useTextColor","usedSize","text","color","container","backgroundColor","iconSize","clearButtonSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputStyles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Input = void 0;
|
|
7
|
+
var _core = require("@chem-po/core");
|
|
7
8
|
var _react = require("@chem-po/react");
|
|
8
9
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _reactNative = require("react-native");
|
|
@@ -13,6 +14,7 @@ var _color = require("./color");
|
|
|
13
14
|
var _date = require("./date");
|
|
14
15
|
var _datetime = require("./datetime");
|
|
15
16
|
var _file = require("./file");
|
|
17
|
+
var _useInputStyles = require("./hooks/useInputStyles");
|
|
16
18
|
var _multipleSelect = require("./multipleSelect");
|
|
17
19
|
var _number = require("./number");
|
|
18
20
|
var _select = require("./select");
|
|
@@ -45,6 +47,7 @@ const InputBase = (props, ref) => {
|
|
|
45
47
|
},
|
|
46
48
|
input,
|
|
47
49
|
inEditable,
|
|
50
|
+
formSize,
|
|
48
51
|
style
|
|
49
52
|
} = props;
|
|
50
53
|
const {
|
|
@@ -78,7 +81,9 @@ const InputBase = (props, ref) => {
|
|
|
78
81
|
label: Label
|
|
79
82
|
} = field;
|
|
80
83
|
const showPlaceholder = (0, _react2.useMemo)(() => _type === 'multipleSelect' || !!value && _type !== 'file' && _type !== 'boolean', [value, _type]);
|
|
81
|
-
|
|
84
|
+
|
|
85
|
+
// const bg = useBackgroundColor(150)
|
|
86
|
+
|
|
82
87
|
const animatedStyles = (0, _react2.useMemo)(() => {
|
|
83
88
|
if (inEditable) return {};
|
|
84
89
|
switch (_type) {
|
|
@@ -97,14 +102,34 @@ const InputBase = (props, ref) => {
|
|
|
97
102
|
},
|
|
98
103
|
shadowOpacity: 1,
|
|
99
104
|
shadowRadius: 4,
|
|
100
|
-
elevation: 5
|
|
101
|
-
backgroundColor: bg
|
|
105
|
+
elevation: 5
|
|
106
|
+
// backgroundColor: bg,
|
|
102
107
|
};
|
|
103
108
|
default:
|
|
104
109
|
return {};
|
|
105
110
|
}
|
|
106
|
-
}, [_type, animatedShadowColor, inEditable
|
|
111
|
+
}, [_type, animatedShadowColor, inEditable]);
|
|
107
112
|
const Component = (0, _react2.useMemo)(() => Components[_type], [_type]);
|
|
113
|
+
const parse = (0, _react2.useCallback)(raw => {
|
|
114
|
+
const defaultParse = _core.parseField[field._type];
|
|
115
|
+
if (!defaultParse) return raw;
|
|
116
|
+
return defaultParse(field, raw);
|
|
117
|
+
}, [field]);
|
|
118
|
+
const {
|
|
119
|
+
text
|
|
120
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
|
|
121
|
+
const format = (0, _react2.useCallback)(raw => {
|
|
122
|
+
const defaultFormat = _core.formatField[field._type];
|
|
123
|
+
if (!defaultFormat) return raw;
|
|
124
|
+
return defaultFormat(field, raw);
|
|
125
|
+
}, [field]);
|
|
126
|
+
const formattedValue = (0, _react2.useMemo)(() => format(value), [value, format]);
|
|
127
|
+
const onChange = (0, _react2.useCallback)(v => {
|
|
128
|
+
input.onChange(parse(v));
|
|
129
|
+
}, [input, parse]);
|
|
130
|
+
const errorHeight = (0, _react2.useMemo)(() => {
|
|
131
|
+
return (text.fontSize ?? 16) - 2;
|
|
132
|
+
}, [text]);
|
|
108
133
|
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
109
134
|
style: [staticStyles.container, style]
|
|
110
135
|
}, Label && !inEditable ? typeof Label === 'string' ? /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
@@ -119,19 +144,26 @@ const InputBase = (props, ref) => {
|
|
|
119
144
|
style: [staticStyles.inputContainer, animatedStyles]
|
|
120
145
|
}, /*#__PURE__*/_react2.default.createElement(Component, _extends({
|
|
121
146
|
ref: ref
|
|
122
|
-
}, props
|
|
123
|
-
|
|
147
|
+
}, props, {
|
|
148
|
+
input: {
|
|
149
|
+
...input,
|
|
150
|
+
onChange,
|
|
151
|
+
value: formattedValue
|
|
152
|
+
}
|
|
153
|
+
}))), /*#__PURE__*/_react2.default.createElement(_AnimatedText.AnimatedText, {
|
|
154
|
+
style: [staticStyles.errorText, {
|
|
155
|
+
fontSize: errorHeight
|
|
156
|
+
}],
|
|
124
157
|
show: !!displayedError,
|
|
125
158
|
color: errorColor,
|
|
126
|
-
height:
|
|
127
|
-
marginBottom: 0
|
|
159
|
+
height: errorHeight,
|
|
160
|
+
marginBottom: inEditable ? 10 : 0
|
|
128
161
|
}, displayedError));
|
|
129
162
|
};
|
|
130
163
|
const staticStyles = _reactNative.StyleSheet.create({
|
|
131
164
|
container: {
|
|
132
165
|
position: 'relative',
|
|
133
|
-
width: '100%'
|
|
134
|
-
paddingHorizontal: 4
|
|
166
|
+
width: '100%'
|
|
135
167
|
// backgroundColor: 'blue',
|
|
136
168
|
},
|
|
137
169
|
label: {
|
|
@@ -146,8 +178,14 @@ const staticStyles = _reactNative.StyleSheet.create({
|
|
|
146
178
|
overflow: 'hidden'
|
|
147
179
|
},
|
|
148
180
|
errorText: {
|
|
181
|
+
paddingHorizontal: 8,
|
|
182
|
+
fontWeight: 500
|
|
183
|
+
// backgroundColor: 'red',
|
|
184
|
+
},
|
|
185
|
+
errorTextEditable: {
|
|
149
186
|
fontSize: 14,
|
|
150
|
-
paddingHorizontal:
|
|
187
|
+
paddingHorizontal: 6,
|
|
188
|
+
paddingBottom: 8,
|
|
151
189
|
fontWeight: 500
|
|
152
190
|
// backgroundColor: 'red',
|
|
153
191
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_core","require","_react","_react2","_interopRequireWildcard","_reactNative","_AnimatedText","_boolean","_color","_date","_datetime","_file","_useInputStyles","_multipleSelect","_number","_select","_socialMedia","_text","_time","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Components","text","TextComponent","file","FileComponent","boolean","BooleanComponent","select","SelectComponent","multipleSelect","MultipleSelectComponent","currency","CurrencyAmountComponent","number","NumberComponent","date","DateInput","datetime","DateTimeInput","time","TimeInput","socialMedia","SocialMediaComponent","color","ColorComponent","InputBase","props","ref","field","meta","error","active","touched","input","inEditable","formSize","style","value","placeholderColor","usePlaceholderColor","activeColor","useThemeValue","errorColor","shadowColorAnim","useMemo","Animated","Value","displayedError","shadowColor","useEffect","timing","toValue","duration","useNativeDriver","start","animatedShadowColor","interpolate","inputRange","outputRange","_type","label","Label","showPlaceholder","animatedStyles","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Component","parse","useCallback","raw","defaultParse","parseField","useInputStyles","size","format","defaultFormat","formatField","formattedValue","onChange","v","errorHeight","fontSize","createElement","View","staticStyles","container","Text","AnimatedText","placeholder","show","marginBottom","inputContainer","errorText","StyleSheet","create","position","paddingHorizontal","borderRadius","paddingVertical","overflow","fontWeight","errorTextEditable","paddingBottom","Input","exports","forwardRef"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/input.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAQA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAZ,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AACA,IAAAc,OAAA,GAAAd,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AACA,IAAAgB,KAAA,GAAAhB,OAAA;AACA,IAAAiB,KAAA,GAAAjB,OAAA;AAAkC,SAAAG,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAMlC,MAAMG,UAAkE,GAAG;EACzEC,IAAI,EAAEC,mBAAa;EACnBC,IAAI,EAAEC,mBAAa;EACnBC,OAAO,EAAEC,yBAAgB;EACzBC,MAAM,EAAEC,uBAAe;EACvBC,cAAc,EAAEC,uCAAuB;EACvCC,QAAQ,EAAEC,+BAAuB;EACjCC,MAAM,EAAEC,uBAAe;EACvBC,IAAI,EAAEC,eAAS;EACfC,QAAQ,EAAEC,uBAAa;EACvBC,IAAI,EAAEC,eAAS;EACfC,WAAW,EAAEC,iCAAoB;EACjCC,KAAK,EAAEC;AACT,CAAC;AACD,MAAMC,SAAS,GAAGA,CAAkBC,KAAoB,EAAEC,GAA2B,KAAK;EACxF,MAAM;IACJC,KAAK;IACLC,IAAI,EAAE;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAQ,CAAC;IAChCC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC,GAAGV,KAAK;EAET,MAAM;IAAEW;EAAM,CAAC,GAAGJ,KAAK;EAEvB,MAAMK,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,WAAW,GAAG,IAAAC,oBAAa,EAAC,mBAAmB,CAAC;EACtD,MAAMC,UAAU,GAAG,IAAAD,oBAAa,EAAC,kBAAkB,CAAC;EACpD,MAAME,eAAe,GAAG,IAAAC,eAAO,EAAC,MAAM,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhE,MAAMC,cAAc,GAAG,IAAAH,eAAO,EAAC,MAAM;IACnC,IAAId,KAAK,IAAIE,OAAO,EAAE,OAAOF,KAAK;IAClC,OAAO,IAAI;EACb,CAAC,EAAE,CAACA,KAAK,EAAEE,OAAO,CAAC,CAAC;EACpB,MAAMgB,WAAW,GAAG,IAAAJ,eAAO,EAAC,MAAM;IAChC,IAAIG,cAAc,EAAE,OAAOL,UAAU;IACrC,OAAOF,WAAW;EACpB,CAAC,EAAE,CAACO,cAAc,EAAEP,WAAW,EAAEE,UAAU,CAAC,CAAC;EAE7C,IAAAO,iBAAS,EAAC,MAAM;IACdJ,qBAAQ,CAACK,MAAM,CAACP,eAAe,EAAE;MAC/BQ,OAAO,EAAEpB,MAAM,IAAIgB,cAAc,GAAG,CAAC,GAAG,CAAC;MACzCK,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACvB,MAAM,EAAEgB,cAAc,EAAEJ,eAAe,CAAC,CAAC;EAE7C,MAAMY,mBAAmB,GAAGZ,eAAe,CAACa,WAAW,CAAC;IACtDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACpB,gBAAgB,EAAEU,WAAW;EAC7C,CAAC,CAAC;EAEF,MAAM;IAAEW,KAAK;IAAEC,KAAK,EAAEC;EAAM,CAAC,GAAGjC,KAAK;EACrC,MAAMkC,eAAe,GAAG,IAAAlB,eAAO,EAC7B,MAAMe,KAAK,KAAK,gBAAgB,IAAK,CAAC,CAACtB,KAAK,IAAIsB,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,SAAU,EACxF,CAACtB,KAAK,EAAEsB,KAAK,CACf,CAAC;;EAED;;EAEA,MAAMI,cAAc,GAAG,IAAAnB,eAAO,EAAC,MAAM;IACnC,IAAIV,UAAU,EAAE,OAAO,CAAC,CAAC;IACzB,QAAQyB,KAAK;MACX,KAAK,MAAM;MACX,KAAK,QAAQ;MACb,KAAK,UAAU;MACf,KAAK,QAAQ;MACb,KAAK,UAAU;MACf,KAAK,MAAM;MACX,KAAK,MAAM;QACT,OAAO;UACLX,WAAW,EAAEO,mBAAmB;UAChCS,YAAY,EAAE;YAAEC,KAAK,EAAE,CAAC;YAAEC,MAAM,EAAE;UAAE,CAAC;UACrCC,aAAa,EAAE,CAAC;UAChBC,YAAY,EAAE,CAAC;UACfC,SAAS,EAAE;UACX;QACF,CAAC;MACH;QACE,OAAO,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CAACV,KAAK,EAAEJ,mBAAmB,EAAErB,UAAU,CAAC,CAAC;EAE5C,MAAMoC,SAAS,GAAG,IAAA1B,eAAO,EAAC,MAAM5C,UAAU,CAAC2D,KAAK,CAAqB,EAAE,CAACA,KAAK,CAAC,CAAC;EAE/E,MAAMY,KAAK,GAAG,IAAAC,mBAAW,EACtBC,GAAQ,IAAK;IACZ,MAAMC,YAAY,GAAGC,gBAAU,CAAC/C,KAAK,CAAC+B,KAAK,CAAC;IAC5C,IAAI,CAACe,YAAY,EAAE,OAAOD,GAAG;IAC7B,OAAOC,YAAY,CAAC9C,KAAK,EAAE6C,GAAG,CAAC;EACjC,CAAC,EACD,CAAC7C,KAAK,CACR,CAAC;EAED,MAAM;IAAE3B;EAAK,CAAC,GAAG,IAAA2E,8BAAc,EAAC1C,UAAU,EAAEN,KAAK,CAACiD,IAAI,EAAE1C,QAAQ,CAAC;EAEjE,MAAM2C,MAAM,GAAG,IAAAN,mBAAW,EACvBC,GAAQ,IAAK;IACZ,MAAMM,aAAa,GAAGC,iBAAW,CAACpD,KAAK,CAAC+B,KAAK,CAAmB;IAChE,IAAI,CAACoB,aAAa,EAAE,OAAON,GAAG;IAC9B,OAAOM,aAAa,CAACnD,KAAK,EAAE6C,GAAG,CAAC;EAClC,CAAC,EACD,CAAC7C,KAAK,CACR,CAAC;EAED,MAAMqD,cAAc,GAAG,IAAArC,eAAO,EAAC,MAAMkC,MAAM,CAACzC,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEyC,MAAM,CAAC,CAAC;EACpE,MAAMI,QAAQ,GAAG,IAAAV,mBAAW,EACzBW,CAAM,IAAK;IACVlD,KAAK,CAACiD,QAAQ,CAACX,KAAK,CAACY,CAAC,CAAC,CAAC;EAC1B,CAAC,EACD,CAAClD,KAAK,EAAEsC,KAAK,CACf,CAAC;EACD,MAAMa,WAAW,GAAG,IAAAxC,eAAO,EAAC,MAAM;IAChC,OAAO,CAAC3C,IAAI,CAACoF,QAAQ,IAAI,EAAE,IAAI,CAAC;EAClC,CAAC,EAAE,CAACpF,IAAI,CAAC,CAAC;EAEV,oBACE1C,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAC7H,YAAA,CAAA8H,IAAI;IAACnD,KAAK,EAAE,CAACoD,YAAY,CAACC,SAAS,EAAErD,KAAK;EAAE,GAC1CyB,KAAK,IAAI,CAAC3B,UAAU,GACnB,OAAO2B,KAAK,KAAK,QAAQ,gBACvBtG,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAC7H,YAAA,CAAAiI,IAAI;IAACtD,KAAK,EAAEoD,YAAY,CAAC5B;EAAM,GAAEC,KAAY,CAAC,gBAE/CtG,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAACzB,KAAK,MAAE,CACT,GACC,IAAI,EACP3B,UAAU,GAAG,IAAI,gBAChB3E,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAC5H,aAAA,CAAAiI,YAAY;IACXvD,KAAK,EAAEoD,YAAY,CAACI,WAAY;IAChCC,IAAI,EAAE/B,eAAgB;IACtBvC,KAAK,EAAEe,gBAAiB;IACxB4B,MAAM,EAAE,EAAG;IACX4B,YAAY,EAAE;EAAE,GACflE,KAAK,CAACgE,WAAW,IAAI,EACV,CACf,eACDrI,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAC7H,YAAA,CAAAoF,QAAQ,CAAC0C,IAAI;IAACnD,KAAK,EAAE,CAACoD,YAAY,CAACO,cAAc,EAAEhC,cAAc;EAAE,gBAClExG,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAChB,SAAS,EAAA5E,QAAA;IAACiC,GAAG,EAAEA;EAAI,GAAKD,KAAK;IAAEO,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEiD,QAAQ;MAAE7C,KAAK,EAAE4C;IAAe;EAAE,EAAE,CAC1E,CAAC,eAEhB1H,OAAA,CAAA0B,OAAA,CAAAqG,aAAA,CAAC5H,aAAA,CAAAiI,YAAY;IACXvD,KAAK,EAAE,CAACoD,YAAY,CAACQ,SAAS,EAAE;MAAEX,QAAQ,EAAED;IAAY,CAAC,CAAE;IAC3DS,IAAI,EAAE,CAAC,CAAC9C,cAAe;IACvBxB,KAAK,EAAEmB,UAAW;IAClBwB,MAAM,EAAEkB,WAAY;IACpBU,YAAY,EAAE5D,UAAU,GAAG,EAAE,GAAG;EAAE,GACjCa,cACW,CAGV,CAAC;AAEX,CAAC;AAED,MAAMyC,YAAY,GAAGS,uBAAU,CAACC,MAAM,CAAC;EACrCT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBlC,KAAK,EAAE;IACP;EACF,CAAC;EACDL,KAAK,EAAE;IACLrC,KAAK,EAAE,SAAS;IAChB8D,QAAQ,EAAE,EAAE;IACZe,iBAAiB,EAAE;EACrB,CAAC;EACDL,cAAc,EAAE;IACd9B,KAAK,EAAE,MAAM;IACboC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,CAAC;IAClBC,QAAQ,EAAE;EACZ,CAAC;EACDP,SAAS,EAAE;IACTI,iBAAiB,EAAE,CAAC;IACpBI,UAAU,EAAE;IACZ;EACF,CAAC;EACDC,iBAAiB,EAAE;IACjBpB,QAAQ,EAAE,EAAE;IACZe,iBAAiB,EAAE,CAAC;IACpBM,aAAa,EAAE,CAAC;IAChBF,UAAU,EAAE;IACZ;EACF,CAAC;EACDZ,WAAW,EAAE;IACXP,QAAQ,EAAE,EAAE;IACZe,iBAAiB,EAAE,CAAC;IACpBG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,kBAAU,EAA8BpF,SAAS,CAAC","ignoreList":[]}
|
|
@@ -3,20 +3,41 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.MultipleSelectComponent = void 0;
|
|
6
|
+
exports.SelectedOptionContainer = exports.MultipleSelectComponent = void 0;
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
|
+
var _vectorIcons = require("@expo/vector-icons");
|
|
8
9
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _reactNative = require("react-native");
|
|
11
|
+
var _reactNativeElementDropdown = require("react-native-element-dropdown");
|
|
12
|
+
var _Txt = require("../../../text/Txt");
|
|
13
|
+
var _InputClearButton = require("../common/InputClearButton");
|
|
14
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
10
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
-
const
|
|
16
|
+
const SelectedOptionContainer = ({
|
|
17
|
+
children,
|
|
18
|
+
style
|
|
19
|
+
}) => {
|
|
20
|
+
const borderColor = (0, _react.useBorderColor)();
|
|
21
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
22
|
+
style: [styles.selectedOption, {
|
|
23
|
+
borderColor
|
|
24
|
+
}, style]
|
|
25
|
+
}, children);
|
|
26
|
+
};
|
|
27
|
+
exports.SelectedOptionContainer = SelectedOptionContainer;
|
|
28
|
+
const BaseMultipleSelectComponent = ({
|
|
12
29
|
field,
|
|
13
30
|
input,
|
|
31
|
+
meta,
|
|
32
|
+
formSize,
|
|
14
33
|
inEditable
|
|
15
34
|
}, ref) => {
|
|
16
35
|
const {
|
|
36
|
+
placeholder,
|
|
17
37
|
options,
|
|
18
38
|
renderOption: RenderOption,
|
|
19
|
-
|
|
39
|
+
searchable,
|
|
40
|
+
searchPlaceholder
|
|
20
41
|
} = field;
|
|
21
42
|
const {
|
|
22
43
|
onChange,
|
|
@@ -24,62 +45,159 @@ const MultipleSelectComponent = exports.MultipleSelectComponent = /*#__PURE__*/(
|
|
|
24
45
|
onFocus,
|
|
25
46
|
onBlur
|
|
26
47
|
} = input;
|
|
48
|
+
const {
|
|
49
|
+
active
|
|
50
|
+
} = meta;
|
|
27
51
|
const colorMode = (0, _react.useColorMode)();
|
|
52
|
+
const inputRef = (0, _react2.useRef)(null);
|
|
53
|
+
const {
|
|
54
|
+
container: inputStyles,
|
|
55
|
+
iconSize,
|
|
56
|
+
clearButtonSize,
|
|
57
|
+
text,
|
|
58
|
+
buttonContainer,
|
|
59
|
+
size
|
|
60
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
|
|
61
|
+
const iconColor = (0, _react.useIconColor)();
|
|
62
|
+
const textColor = (0, _react.useTextColor)();
|
|
28
63
|
const placeholderColor = (0, _react.usePlaceholderColor)();
|
|
64
|
+
const menuBg = (0, _react.useBackgroundColor)(100);
|
|
65
|
+
const selectedOptionBg = (0, _react.useColorModeValue)('#ffffff77', '#ffffff15');
|
|
66
|
+
const borderColor = (0, _react.useBorderColor)();
|
|
29
67
|
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
30
68
|
focus: () => {
|
|
31
|
-
|
|
69
|
+
var _inputRef$current;
|
|
70
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.open();
|
|
32
71
|
},
|
|
33
72
|
blur: () => {
|
|
34
|
-
|
|
73
|
+
var _inputRef$current2;
|
|
74
|
+
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.close();
|
|
35
75
|
}
|
|
36
76
|
}));
|
|
37
|
-
const
|
|
38
|
-
|
|
77
|
+
const defaultSelectedOptionStyle = (0, _react2.useMemo)(() => {
|
|
78
|
+
return {
|
|
79
|
+
paddingVertical: inputStyles.paddingVertical,
|
|
80
|
+
paddingHorizontal: inputStyles.paddingHorizontal
|
|
81
|
+
};
|
|
82
|
+
}, [inputStyles]);
|
|
83
|
+
const RenderOptionText = props => {
|
|
84
|
+
if (typeof RenderOption === 'function') {
|
|
85
|
+
return RenderOption(props);
|
|
86
|
+
}
|
|
87
|
+
return /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
|
|
88
|
+
style: [styles.defaultOption, text]
|
|
89
|
+
}, props.option.label);
|
|
39
90
|
};
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
style:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
91
|
+
const RenderSelectedOptionText = props => {
|
|
92
|
+
if (typeof RenderOption === 'function') {
|
|
93
|
+
return RenderOption(props);
|
|
94
|
+
}
|
|
95
|
+
return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
|
|
96
|
+
style: [defaultSelectedOptionStyle, text]
|
|
97
|
+
}, props.option.label));
|
|
98
|
+
};
|
|
99
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
100
|
+
style: [styles.wrapper]
|
|
101
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNativeElementDropdown.MultiSelect, {
|
|
102
|
+
ref: inputRef,
|
|
103
|
+
style: [inputStyles, {
|
|
104
|
+
borderColor
|
|
105
|
+
}],
|
|
106
|
+
placeholderStyle: [text, {
|
|
107
|
+
color: value !== null && value !== void 0 && value.length ? textColor : placeholderColor
|
|
108
|
+
}],
|
|
109
|
+
containerStyle: {
|
|
110
|
+
backgroundColor: menuBg
|
|
111
|
+
},
|
|
112
|
+
inputSearchStyle: [styles.inputSearch, text],
|
|
113
|
+
iconStyle: styles.iconStyle,
|
|
114
|
+
data: options,
|
|
115
|
+
search: searchable,
|
|
116
|
+
searchField: searchable ? 'label' : undefined,
|
|
117
|
+
maxHeight: 300,
|
|
118
|
+
labelField: "label",
|
|
119
|
+
valueField: "value",
|
|
120
|
+
placeholder: placeholder,
|
|
121
|
+
searchPlaceholder: searchPlaceholder ?? placeholder,
|
|
122
|
+
value: value ?? [],
|
|
123
|
+
onChange: updated => {
|
|
124
|
+
onChange(updated);
|
|
125
|
+
},
|
|
126
|
+
activeColor: selectedOptionBg,
|
|
127
|
+
onFocus: onFocus,
|
|
128
|
+
onBlur: onBlur,
|
|
129
|
+
renderItem: (item, selected) => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
130
|
+
style: {
|
|
131
|
+
backgroundColor: selected ? selectedOptionBg : menuBg
|
|
132
|
+
}
|
|
133
|
+
}, /*#__PURE__*/_react2.default.createElement(RenderOptionText, {
|
|
134
|
+
value: item.value,
|
|
135
|
+
option: item,
|
|
136
|
+
colorMode: colorMode,
|
|
137
|
+
isSelected: !!selected,
|
|
138
|
+
size: size
|
|
139
|
+
})),
|
|
140
|
+
renderSelectedItem: item => /*#__PURE__*/_react2.default.createElement(SelectedOptionContainer, null, /*#__PURE__*/_react2.default.createElement(RenderSelectedOptionText, {
|
|
141
|
+
value: item.value,
|
|
142
|
+
option: item,
|
|
143
|
+
colorMode: colorMode,
|
|
144
|
+
isSelected: true,
|
|
145
|
+
size: size
|
|
146
|
+
}), /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
147
|
+
style: [styles.optionClearContainer, {
|
|
148
|
+
borderColor,
|
|
149
|
+
backgroundColor: selectedOptionBg
|
|
150
|
+
}]
|
|
151
|
+
}, /*#__PURE__*/_react2.default.createElement(_InputClearButton.InputClearButton, {
|
|
152
|
+
size: clearButtonSize,
|
|
153
|
+
onPress: () => {
|
|
154
|
+
onChange(value === null || value === void 0 ? void 0 : value.filter(v => v !== item.value));
|
|
155
|
+
},
|
|
156
|
+
isActive: true
|
|
157
|
+
}))),
|
|
158
|
+
renderRightIcon: () => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
159
|
+
style: buttonContainer
|
|
160
|
+
}, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
|
|
161
|
+
name: active ? 'chevron-up' : 'chevron-down',
|
|
162
|
+
size: iconSize,
|
|
163
|
+
color: iconColor
|
|
164
|
+
}))
|
|
165
|
+
}));
|
|
166
|
+
};
|
|
167
|
+
const MultipleSelectComponent = exports.MultipleSelectComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseMultipleSelectComponent);
|
|
59
168
|
const styles = _reactNative.StyleSheet.create({
|
|
60
|
-
|
|
61
|
-
width: '100%'
|
|
62
|
-
flexDirection: 'row',
|
|
63
|
-
flexWrap: 'wrap',
|
|
64
|
-
gap: 4
|
|
169
|
+
wrapper: {
|
|
170
|
+
width: '100%'
|
|
65
171
|
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
paddingVertical: 2
|
|
172
|
+
defaultOption: {
|
|
173
|
+
padding: 10
|
|
69
174
|
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
opacity: 0.8,
|
|
74
|
-
paddingHorizontal: 8,
|
|
75
|
-
marginBottom: 4
|
|
175
|
+
iconStyle: {
|
|
176
|
+
width: 20,
|
|
177
|
+
height: 20
|
|
76
178
|
},
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
179
|
+
inputSearch: {
|
|
180
|
+
outlineWidth: 0,
|
|
181
|
+
paddingVertical: 4,
|
|
182
|
+
minHeight: 0,
|
|
183
|
+
height: 'auto',
|
|
184
|
+
fontSize: 16
|
|
80
185
|
},
|
|
81
186
|
selectedOption: {
|
|
82
|
-
|
|
187
|
+
flexDirection: 'row',
|
|
188
|
+
borderRadius: 4,
|
|
189
|
+
borderWidth: 1,
|
|
190
|
+
alignItems: 'center',
|
|
191
|
+
marginTop: 4,
|
|
192
|
+
marginHorizontal: 4
|
|
193
|
+
},
|
|
194
|
+
optionClearContainer: {
|
|
195
|
+
paddingHorizontal: 8,
|
|
196
|
+
borderLeftWidth: 1,
|
|
197
|
+
borderTopRightRadius: 8,
|
|
198
|
+
borderBottomRightRadius: 8,
|
|
199
|
+
height: '100%',
|
|
200
|
+
justifyContent: 'center'
|
|
83
201
|
}
|
|
84
202
|
});
|
|
85
203
|
//# sourceMappingURL=index.js.map
|