@chem-po/react-native 0.0.14 → 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/commonjs/contexts/root.js +6 -0
- package/lib/commonjs/contexts/root.js.map +1 -1
- 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/module/contexts/root.js +6 -0
- package/lib/module/contexts/root.js.map +1 -1
- 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/lib/typescript/contexts/root.d.ts.map +1 -1
- 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/src/contexts/root.tsx +7 -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":["_react","require","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","
|
|
1
|
+
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativeElementDropdown","_Txt","_InputClearButton","_useInputStyles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectedOptionContainer","children","style","borderColor","useBorderColor","createElement","View","styles","selectedOption","exports","BaseMultipleSelectComponent","field","input","meta","formSize","inEditable","ref","placeholder","options","renderOption","RenderOption","searchable","searchPlaceholder","onChange","value","onFocus","onBlur","active","colorMode","useColorMode","inputRef","useRef","container","inputStyles","iconSize","clearButtonSize","text","buttonContainer","size","useInputStyles","iconColor","useIconColor","textColor","useTextColor","placeholderColor","usePlaceholderColor","menuBg","useBackgroundColor","selectedOptionBg","useColorModeValue","useImperativeHandle","focus","_inputRef$current","current","open","blur","_inputRef$current2","close","defaultSelectedOptionStyle","useMemo","paddingVertical","paddingHorizontal","RenderOptionText","props","Txt","defaultOption","option","label","RenderSelectedOptionText","Fragment","wrapper","MultiSelect","placeholderStyle","color","length","containerStyle","backgroundColor","inputSearchStyle","inputSearch","iconStyle","data","search","searchField","undefined","maxHeight","labelField","valueField","updated","activeColor","renderItem","item","selected","isSelected","renderSelectedItem","optionClearContainer","InputClearButton","onPress","filter","v","isActive","renderRightIcon","Ionicons","name","MultipleSelectComponent","forwardRef","StyleSheet","create","width","padding","height","outlineWidth","minHeight","fontSize","flexDirection","borderRadius","borderWidth","alignItems","marginTop","marginHorizontal","borderLeftWidth","borderTopRightRadius","borderBottomRightRadius","justifyContent"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/multipleSelect/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ var _react2 = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _InputSlider = require("../InputSlider");
|
|
11
11
|
var _useInputImperativeHandle = require("../hooks/useInputImperativeHandle");
|
|
12
|
-
var
|
|
12
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
13
13
|
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); }
|
|
14
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
15
|
const NumberComponent = exports.NumberComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
@@ -20,15 +20,20 @@ const NumberComponent = exports.NumberComponent = /*#__PURE__*/(0, _react2.forwa
|
|
|
20
20
|
},
|
|
21
21
|
field,
|
|
22
22
|
prefix,
|
|
23
|
-
inEditable
|
|
24
|
-
style
|
|
23
|
+
inEditable,
|
|
24
|
+
style,
|
|
25
|
+
formSize
|
|
25
26
|
}, ref) => {
|
|
26
27
|
const {
|
|
27
28
|
type,
|
|
28
29
|
defaultValue,
|
|
29
|
-
placeholder
|
|
30
|
+
placeholder,
|
|
31
|
+
size
|
|
30
32
|
} = field;
|
|
31
33
|
const color = (0, _react.useTextColor)();
|
|
34
|
+
const {
|
|
35
|
+
container: inputStyles
|
|
36
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, size, formSize);
|
|
32
37
|
const inputRef = (0, _useInputImperativeHandle.useInputImperativeHandle)(ref);
|
|
33
38
|
const [endsWith, setEndsWith] = (0, _react2.useState)('');
|
|
34
39
|
const displayed = typeof value === 'number' && !Number.isNaN(value) ? `${value}${endsWith}` : '';
|
|
@@ -47,7 +52,7 @@ const NumberComponent = exports.NumberComponent = /*#__PURE__*/(0, _react2.forwa
|
|
|
47
52
|
style: styles.prefix
|
|
48
53
|
}, prefix), /*#__PURE__*/_react2.default.createElement(_reactNative.TextInput, _extends({
|
|
49
54
|
ref: inputRef,
|
|
50
|
-
style: [
|
|
55
|
+
style: [inputStyles, {
|
|
51
56
|
color
|
|
52
57
|
}, style],
|
|
53
58
|
placeholder: field.placeholder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_InputSlider","_useInputImperativeHandle","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_InputSlider","_useInputImperativeHandle","_useInputStyles","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","NumberComponent","exports","forwardRef","input","onChange","value","field","prefix","inEditable","style","formSize","ref","type","defaultValue","placeholder","size","color","useTextColor","container","inputStyles","useInputStyles","inputRef","useInputImperativeHandle","endsWith","setEndsWith","useState","displayed","Number","isNaN","placeholderColor","usePlaceholderColor","createElement","InputSlider","label","onValueChange","minimumValue","View","styles","Text","TextInput","placeholderTextColor","keyboardType","onChangeText","text","includes","num","parseFloat","undefined","BaseCurrencyAmountComponent","props","useRef","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","_type","CurrencyAmountComponent","StyleSheet","create","flexDirection","alignItems","width","marginRight","fontSize"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/number/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,21 +8,25 @@ var _react = require("@chem-po/react");
|
|
|
8
8
|
var _vectorIcons = require("@expo/vector-icons");
|
|
9
9
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
|
+
var _reactNativeElementDropdown = require("react-native-element-dropdown");
|
|
11
12
|
var _Txt = require("../../../text/Txt");
|
|
12
13
|
var _InputClearButton = require("../common/InputClearButton");
|
|
13
|
-
var
|
|
14
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
14
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); }
|
|
15
16
|
const BaseSelectComponent = ({
|
|
16
17
|
field,
|
|
17
18
|
input,
|
|
18
|
-
meta
|
|
19
|
+
meta,
|
|
20
|
+
formSize,
|
|
21
|
+
inEditable
|
|
19
22
|
}, ref) => {
|
|
20
23
|
const {
|
|
21
24
|
placeholder,
|
|
22
25
|
options,
|
|
23
26
|
renderOption: RenderOption,
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
optional,
|
|
28
|
+
searchable,
|
|
29
|
+
searchPlaceholder
|
|
26
30
|
} = field;
|
|
27
31
|
const {
|
|
28
32
|
onChange,
|
|
@@ -33,68 +37,32 @@ const BaseSelectComponent = ({
|
|
|
33
37
|
const {
|
|
34
38
|
active
|
|
35
39
|
} = meta;
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return options.find(o => {
|
|
46
|
-
if (getOptionKey) {
|
|
47
|
-
const key1 = getOptionKey(o);
|
|
48
|
-
const key2 = getOptionKey(value);
|
|
49
|
-
return key1 === key2;
|
|
50
|
-
}
|
|
51
|
-
return o === value;
|
|
52
|
-
});
|
|
53
|
-
}, [value, options, getOptionKey]);
|
|
40
|
+
const inputRef = (0, _react2.useRef)(null);
|
|
41
|
+
const {
|
|
42
|
+
container: inputStyles,
|
|
43
|
+
iconSize,
|
|
44
|
+
text,
|
|
45
|
+
size,
|
|
46
|
+
clearButtonSize,
|
|
47
|
+
buttonContainer
|
|
48
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
|
|
54
49
|
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
55
50
|
focus: () => {
|
|
56
|
-
|
|
57
|
-
|
|
51
|
+
var _inputRef$current;
|
|
52
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.open();
|
|
58
53
|
},
|
|
59
54
|
blur: () => {
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
var _inputRef$current2;
|
|
56
|
+
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.close();
|
|
62
57
|
}
|
|
63
58
|
}));
|
|
64
|
-
const handleButtonLayout = () => {
|
|
65
|
-
var _buttonRef$current;
|
|
66
|
-
(_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 || _buttonRef$current.measure((_x, _y, width, height, pageX, pageY) => {
|
|
67
|
-
setButtonLayout({
|
|
68
|
-
x: pageX,
|
|
69
|
-
y: pageY,
|
|
70
|
-
width,
|
|
71
|
-
height
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
59
|
const RenderOptionText = props => {
|
|
76
60
|
if (typeof RenderOption === 'function') {
|
|
77
|
-
return RenderOption(
|
|
78
|
-
...props,
|
|
79
|
-
value: props.value ?? ''
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
if (typeof props.value === 'object') {
|
|
83
|
-
return /*#__PURE__*/_react2.default.createElement(_Txt.Txt, null, JSON.stringify(props.value));
|
|
84
|
-
}
|
|
85
|
-
return /*#__PURE__*/_react2.default.createElement(_Txt.Txt, null, String(props.value));
|
|
86
|
-
};
|
|
87
|
-
const getKey = option => {
|
|
88
|
-
if (getOptionKey) {
|
|
89
|
-
const key = getOptionKey(option);
|
|
90
|
-
return typeof key === 'object' ? JSON.stringify(key) : String(key);
|
|
61
|
+
return RenderOption(props);
|
|
91
62
|
}
|
|
92
|
-
return
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
onChange(option);
|
|
96
|
-
onBlur();
|
|
97
|
-
// setIsOpen(false)
|
|
63
|
+
return /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
|
|
64
|
+
style: styles.defaultOption
|
|
65
|
+
}, props.option.label);
|
|
98
66
|
};
|
|
99
67
|
const iconColor = (0, _react.useIconColor)();
|
|
100
68
|
const placeholderColor = (0, _react.usePlaceholderColor)();
|
|
@@ -103,132 +71,75 @@ const BaseSelectComponent = ({
|
|
|
103
71
|
const borderColor = (0, _react.useBorderColor)();
|
|
104
72
|
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
105
73
|
style: styles.wrapper
|
|
106
|
-
}, /*#__PURE__*/_react2.default.createElement(
|
|
107
|
-
ref:
|
|
108
|
-
|
|
109
|
-
style: styles.container
|
|
110
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
|
|
111
|
-
style: [styles.button, _styles.inputStyles.input],
|
|
112
|
-
onPress: () => {
|
|
113
|
-
if (active) {
|
|
114
|
-
onBlur();
|
|
115
|
-
} else {
|
|
116
|
-
onFocus();
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
120
|
-
style: styles.buttonTextContainer
|
|
121
|
-
}, selected ? /*#__PURE__*/_react2.default.createElement(RenderOptionText, {
|
|
122
|
-
value: selected,
|
|
123
|
-
colorMode: "light",
|
|
124
|
-
isSelected: true
|
|
125
|
-
}) : /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
126
|
-
style: [styles.placeholder, {
|
|
127
|
-
color: placeholderColor
|
|
128
|
-
}]
|
|
129
|
-
}, placeholder)), /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
|
|
130
|
-
name: active ? 'chevron-up' : 'chevron-down',
|
|
131
|
-
size: 20,
|
|
132
|
-
color: iconColor,
|
|
133
|
-
style: styles.icon
|
|
134
|
-
}), optional && value ? /*#__PURE__*/_react2.default.createElement(_InputClearButton.InputClearButton, {
|
|
135
|
-
onPress: () => onChange(null),
|
|
136
|
-
isActive: !!value
|
|
137
|
-
}) : null)), /*#__PURE__*/_react2.default.createElement(_reactNative.Modal, {
|
|
138
|
-
visible: active,
|
|
139
|
-
transparent: true,
|
|
140
|
-
animationType: "fade",
|
|
141
|
-
onRequestClose: () => onBlur()
|
|
142
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
|
|
143
|
-
style: styles.modalOverlay,
|
|
144
|
-
activeOpacity: 1,
|
|
145
|
-
onPress: () => onBlur()
|
|
146
|
-
}, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
147
|
-
style: [styles.dropdownContainer, {
|
|
148
|
-
position: 'absolute',
|
|
149
|
-
top: buttonLayout.y + buttonLayout.height + 4,
|
|
150
|
-
left: buttonLayout.x,
|
|
151
|
-
width: buttonLayout.width,
|
|
152
|
-
backgroundColor: menuBg,
|
|
74
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNativeElementDropdown.Dropdown, {
|
|
75
|
+
ref: inputRef,
|
|
76
|
+
style: [inputStyles, {
|
|
153
77
|
borderColor
|
|
154
|
-
}]
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
78
|
+
}],
|
|
79
|
+
placeholderStyle: [text, {
|
|
80
|
+
color: placeholderColor
|
|
81
|
+
}],
|
|
82
|
+
selectedTextStyle: text,
|
|
83
|
+
inputSearchStyle: [styles.inputSearch, text],
|
|
84
|
+
iconStyle: styles.iconStyle,
|
|
85
|
+
data: options,
|
|
86
|
+
search: searchable,
|
|
87
|
+
searchField: searchable ? 'label' : undefined,
|
|
88
|
+
maxHeight: 300,
|
|
89
|
+
labelField: "label",
|
|
90
|
+
valueField: "value",
|
|
91
|
+
placeholder: placeholder,
|
|
92
|
+
searchPlaceholder: searchPlaceholder ?? placeholder,
|
|
93
|
+
value: value,
|
|
94
|
+
onChange: item => {
|
|
95
|
+
onChange(item.value);
|
|
96
|
+
},
|
|
97
|
+
activeColor: selectedOptionBg
|
|
98
|
+
// onFocus={onFocus}
|
|
99
|
+
// onBlur={onBlur}
|
|
100
|
+
,
|
|
101
|
+
renderItem: (item, selected) => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
102
|
+
style: {
|
|
103
|
+
backgroundColor: selected ? selectedOptionBg : menuBg
|
|
104
|
+
}
|
|
105
|
+
}, /*#__PURE__*/_react2.default.createElement(RenderOptionText, {
|
|
106
|
+
value: item.value,
|
|
107
|
+
option: item,
|
|
170
108
|
colorMode: "light",
|
|
171
|
-
isSelected:
|
|
172
|
-
|
|
173
|
-
|
|
109
|
+
isSelected: !!selected,
|
|
110
|
+
size: size
|
|
111
|
+
})),
|
|
112
|
+
renderRightIcon: () => /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
113
|
+
style: buttonContainer
|
|
114
|
+
}, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
|
|
115
|
+
name: active ? 'chevron-up' : 'chevron-down',
|
|
116
|
+
size: iconSize,
|
|
117
|
+
color: iconColor
|
|
118
|
+
}), optional && value ? /*#__PURE__*/_react2.default.createElement(_InputClearButton.InputClearButton, {
|
|
119
|
+
size: clearButtonSize,
|
|
120
|
+
onPress: () => {
|
|
121
|
+
onChange(null);
|
|
122
|
+
},
|
|
123
|
+
isActive: !!value
|
|
124
|
+
}) : null)
|
|
125
|
+
}));
|
|
174
126
|
};
|
|
175
127
|
const SelectComponent = exports.SelectComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseSelectComponent);
|
|
176
128
|
const styles = _reactNative.StyleSheet.create({
|
|
177
129
|
wrapper: {
|
|
178
130
|
width: '100%'
|
|
179
131
|
},
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
},
|
|
183
|
-
button: {
|
|
184
|
-
flexDirection: 'row',
|
|
185
|
-
alignItems: 'center',
|
|
186
|
-
justifyContent: 'space-between',
|
|
187
|
-
backgroundColor: 'transparent',
|
|
188
|
-
borderRadius: 4
|
|
189
|
-
},
|
|
190
|
-
buttonTextContainer: {
|
|
191
|
-
flex: 1
|
|
192
|
-
},
|
|
193
|
-
buttonText: {
|
|
194
|
-
fontSize: 16
|
|
195
|
-
},
|
|
196
|
-
modalOverlay: {
|
|
197
|
-
flex: 1,
|
|
198
|
-
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
199
|
-
},
|
|
200
|
-
dropdownContainer: {
|
|
201
|
-
backgroundColor: 'white',
|
|
202
|
-
borderWidth: 1,
|
|
203
|
-
borderColor: '#ddd',
|
|
204
|
-
borderRadius: 4,
|
|
205
|
-
maxHeight: 200,
|
|
206
|
-
elevation: 3,
|
|
207
|
-
shadowColor: '#000',
|
|
208
|
-
shadowOffset: {
|
|
209
|
-
width: 0,
|
|
210
|
-
height: 2
|
|
211
|
-
},
|
|
212
|
-
shadowOpacity: 0.1,
|
|
213
|
-
shadowRadius: 2,
|
|
214
|
-
padding: 0
|
|
215
|
-
},
|
|
216
|
-
dropdown: {
|
|
217
|
-
maxHeight: 200
|
|
218
|
-
},
|
|
219
|
-
option: {
|
|
220
|
-
paddingVertical: 12,
|
|
221
|
-
paddingHorizontal: 16,
|
|
222
|
-
borderBottomWidth: 1
|
|
223
|
-
},
|
|
224
|
-
optionText: {
|
|
225
|
-
fontSize: 16
|
|
132
|
+
defaultOption: {
|
|
133
|
+
padding: 10
|
|
226
134
|
},
|
|
227
|
-
|
|
228
|
-
|
|
135
|
+
iconStyle: {
|
|
136
|
+
width: 20,
|
|
137
|
+
height: 20
|
|
229
138
|
},
|
|
230
|
-
|
|
231
|
-
|
|
139
|
+
inputSearch: {
|
|
140
|
+
height: 40,
|
|
141
|
+
fontSize: 16,
|
|
142
|
+
outlineWidth: 0
|
|
232
143
|
}
|
|
233
144
|
});
|
|
234
145
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_Txt","_InputClearButton","
|
|
1
|
+
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativeElementDropdown","_Txt","_InputClearButton","_useInputStyles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseSelectComponent","field","input","meta","formSize","inEditable","ref","placeholder","options","renderOption","RenderOption","optional","searchable","searchPlaceholder","onChange","value","onFocus","onBlur","active","inputRef","useRef","container","inputStyles","iconSize","text","size","clearButtonSize","buttonContainer","useInputStyles","useImperativeHandle","focus","_inputRef$current","current","open","blur","_inputRef$current2","close","RenderOptionText","props","createElement","Txt","style","styles","defaultOption","option","label","iconColor","useIconColor","placeholderColor","usePlaceholderColor","menuBg","useBackgroundColor","selectedOptionBg","borderColor","useBorderColor","View","wrapper","Dropdown","placeholderStyle","color","selectedTextStyle","inputSearchStyle","inputSearch","iconStyle","data","search","searchField","undefined","maxHeight","labelField","valueField","item","activeColor","renderItem","selected","backgroundColor","colorMode","isSelected","renderRightIcon","Ionicons","name","InputClearButton","onPress","isActive","SelectComponent","exports","forwardRef","StyleSheet","create","width","padding","height","fontSize","outlineWidth"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/select/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ var _react = require("@chem-po/react");
|
|
|
8
8
|
var _vectorIcons = require("@expo/vector-icons");
|
|
9
9
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
|
-
var
|
|
11
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
12
12
|
var _textarea = require("./textarea");
|
|
13
13
|
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); }
|
|
14
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -17,7 +17,8 @@ const TextComponent = exports.TextComponent = /*#__PURE__*/(0, _react2.forwardRe
|
|
|
17
17
|
inEditable,
|
|
18
18
|
meta,
|
|
19
19
|
field,
|
|
20
|
-
style
|
|
20
|
+
style,
|
|
21
|
+
formSize
|
|
21
22
|
}, ref) => {
|
|
22
23
|
const {
|
|
23
24
|
placeholder,
|
|
@@ -30,6 +31,9 @@ const TextComponent = exports.TextComponent = /*#__PURE__*/(0, _react2.forwardRe
|
|
|
30
31
|
...inputProps
|
|
31
32
|
} = input;
|
|
32
33
|
const inputRef = (0, _react2.useRef)(null);
|
|
34
|
+
const {
|
|
35
|
+
container: inputStyles
|
|
36
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
|
|
33
37
|
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
34
38
|
focus: () => {
|
|
35
39
|
var _inputRef$current;
|
|
@@ -49,9 +53,7 @@ const TextComponent = exports.TextComponent = /*#__PURE__*/(0, _react2.forwardRe
|
|
|
49
53
|
meta: meta
|
|
50
54
|
}) : /*#__PURE__*/_react2.default.createElement(_reactNative.TextInput, _extends({
|
|
51
55
|
ref: inputRef,
|
|
52
|
-
style: [
|
|
53
|
-
// inEditable && styles.inEditable,
|
|
54
|
-
type === 'password' && styles.passwordInput, {
|
|
56
|
+
style: [inputStyles, {
|
|
55
57
|
color
|
|
56
58
|
}, style],
|
|
57
59
|
secureTextEntry: isHidden,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_useInputStyles","_textarea","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","TextComponent","exports","forwardRef","input","inEditable","meta","field","style","formSize","ref","placeholder","type","isHidden","setIsHidden","useState","value","onChange","inputProps","inputRef","useRef","container","inputStyles","useInputStyles","size","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","usePlaceholderColor","color","useTextColor","body","createElement","TextAreaComponent","TextInput","secureTextEntry","placeholderTextColor","onChangeText","View","styles","passwordContainer","TouchableOpacity","eyeIcon","onPress","Ionicons","name","displayName","StyleSheet","create","passwordInput","paddingRight","width","flexDirection","alignItems","position","right","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,14 +7,19 @@ exports.TextAreaComponent = void 0;
|
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
8
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
10
11
|
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
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
13
|
const TextAreaComponent = exports.TextAreaComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
13
14
|
input,
|
|
14
15
|
field,
|
|
15
|
-
inEditable
|
|
16
|
+
inEditable,
|
|
17
|
+
formSize
|
|
16
18
|
}, ref) => {
|
|
17
19
|
const inputRef = (0, _react2.useRef)(null);
|
|
20
|
+
const {
|
|
21
|
+
container: inputStyles
|
|
22
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, field.size, formSize);
|
|
18
23
|
const {
|
|
19
24
|
value,
|
|
20
25
|
onChange,
|
|
@@ -32,7 +37,9 @@ const TextAreaComponent = exports.TextAreaComponent = /*#__PURE__*/(0, _react2.f
|
|
|
32
37
|
}));
|
|
33
38
|
const placeholderColor = (0, _react.usePlaceholderColor)();
|
|
34
39
|
const color = (0, _react.useTextColor)();
|
|
35
|
-
return /*#__PURE__*/_react2.default.createElement(_reactNative.
|
|
40
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
41
|
+
style: inputStyles
|
|
42
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNative.TextInput, _extends({
|
|
36
43
|
ref: inputRef,
|
|
37
44
|
style: [styles.textarea, inEditable && styles.inEditable, {
|
|
38
45
|
color
|
|
@@ -44,15 +51,13 @@ const TextAreaComponent = exports.TextAreaComponent = /*#__PURE__*/(0, _react2.f
|
|
|
44
51
|
textAlignVertical: "top",
|
|
45
52
|
value: value ?? '',
|
|
46
53
|
onChangeText: onChange
|
|
47
|
-
}, inputProps));
|
|
54
|
+
}, inputProps)));
|
|
48
55
|
});
|
|
49
56
|
TextAreaComponent.displayName = 'TextAreaComponent';
|
|
50
57
|
const styles = _reactNative.StyleSheet.create({
|
|
51
58
|
textarea: {
|
|
52
59
|
width: '100%',
|
|
53
60
|
minHeight: 80,
|
|
54
|
-
paddingHorizontal: 12,
|
|
55
|
-
paddingVertical: 8,
|
|
56
61
|
backgroundColor: 'transparent',
|
|
57
62
|
textAlignVertical: 'top'
|
|
58
63
|
},
|