@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","_extends","assign","bind","arguments","length","apply","TextAreaComponent","exports","forwardRef","input","field","inEditable","ref","inputRef","useRef","value","onChange","inputProps","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","usePlaceholderColor","color","useTextColor","createElement","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_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","TextAreaComponent","exports","forwardRef","input","field","inEditable","formSize","ref","inputRef","useRef","container","inputStyles","useInputStyles","size","value","onChange","inputProps","useImperativeHandle","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","usePlaceholderColor","color","useTextColor","createElement","View","style","TextInput","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","StyleSheet","create","width","minHeight","backgroundColor","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ var _reactNativePaper = require("react-native-paper");
|
|
|
13
13
|
var _reactNativePaperDates = require("react-native-paper-dates");
|
|
14
14
|
var _InputClearButton = require("../common/InputClearButton");
|
|
15
15
|
var _useInputColor = require("../hooks/useInputColor");
|
|
16
|
-
var
|
|
16
|
+
var _useInputStyles = require("../hooks/useInputStyles");
|
|
17
17
|
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); }
|
|
18
18
|
const TimeInput = exports.TimeInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
19
19
|
input: {
|
|
@@ -24,10 +24,20 @@ const TimeInput = exports.TimeInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
|
24
24
|
},
|
|
25
25
|
field: {
|
|
26
26
|
placeholder,
|
|
27
|
-
optional
|
|
28
|
-
|
|
27
|
+
optional,
|
|
28
|
+
size
|
|
29
|
+
},
|
|
30
|
+
formSize,
|
|
31
|
+
inEditable
|
|
29
32
|
}, ref) => {
|
|
30
33
|
const [visible, setVisible] = (0, _react2.useState)(false);
|
|
34
|
+
const {
|
|
35
|
+
container: inputStyles,
|
|
36
|
+
iconSize,
|
|
37
|
+
text,
|
|
38
|
+
clearButtonSize,
|
|
39
|
+
buttonContainer
|
|
40
|
+
} = (0, _useInputStyles.useInputStyles)(inEditable, size, formSize);
|
|
31
41
|
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
32
42
|
focus: () => {
|
|
33
43
|
setVisible(true);
|
|
@@ -77,24 +87,26 @@ const TimeInput = exports.TimeInput = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
|
77
87
|
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
78
88
|
style: styles.container
|
|
79
89
|
}, /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
|
|
80
|
-
style: [styles.button,
|
|
90
|
+
style: [styles.button, inputStyles],
|
|
81
91
|
onPress: () => {
|
|
82
92
|
setVisible(true);
|
|
83
93
|
onFocus();
|
|
84
94
|
}
|
|
85
95
|
}, /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
86
|
-
style: [styles.text, {
|
|
96
|
+
style: [styles.text, text, {
|
|
87
97
|
color: inputColor
|
|
88
98
|
}]
|
|
89
|
-
}, formattedValue ?? placeholder), /*#__PURE__*/_react2.default.createElement(
|
|
99
|
+
}, formattedValue ?? placeholder), /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
100
|
+
style: buttonContainer
|
|
101
|
+
}, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
|
|
90
102
|
name: "time",
|
|
91
|
-
size:
|
|
92
|
-
color: iconColor
|
|
93
|
-
style: styles.icon
|
|
103
|
+
size: iconSize,
|
|
104
|
+
color: iconColor
|
|
94
105
|
}), optional && value ? /*#__PURE__*/_react2.default.createElement(_InputClearButton.DateInputClearButton, {
|
|
106
|
+
size: clearButtonSize,
|
|
95
107
|
onPress: () => onChange(null),
|
|
96
108
|
isActive: !!value
|
|
97
|
-
}) : null), /*#__PURE__*/_react2.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react2.default.createElement(_reactNativePaperDates.TimePickerModal, {
|
|
109
|
+
}) : null)), /*#__PURE__*/_react2.default.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/_react2.default.createElement(_reactNativePaperDates.TimePickerModal, {
|
|
98
110
|
visible: visible,
|
|
99
111
|
onDismiss: handleDismiss,
|
|
100
112
|
onConfirm: handleTimeChange,
|
|
@@ -116,9 +128,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
116
128
|
text: {
|
|
117
129
|
fontSize: 16,
|
|
118
130
|
flex: 1
|
|
119
|
-
},
|
|
120
|
-
icon: {
|
|
121
|
-
marginRight: 10
|
|
122
131
|
}
|
|
123
132
|
});
|
|
124
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -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","TimeInput","exports","forwardRef","input","onChange","value","onFocus","onBlur","field","placeholder","optional","size","formSize","inEditable","ref","visible","setVisible","useState","container","inputStyles","iconSize","text","clearButtonSize","buttonContainer","useInputStyles","useImperativeHandle","focus","blur","handleTimeChange","hours","minutes","timeString","padZeros","handleDismiss","formattedValue","useMemo","split","map","Number","amPm","formattedHours","h","m","iconColor","useIconColor","inputColor","useInputColor","createElement","View","style","styles","TouchableOpacity","button","onPress","Text","color","Ionicons","name","DateInputClearButton","isActive","Portal","TimePickerModal","onDismiss","onConfirm","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","fontSize","flex"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/time/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,20 +27,34 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
27
27
|
padding: 4
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
+
const getFileSizeHeight = size => {
|
|
31
|
+
switch (size) {
|
|
32
|
+
case 'sm':
|
|
33
|
+
return 80;
|
|
34
|
+
case 'md':
|
|
35
|
+
return 120;
|
|
36
|
+
case 'lg':
|
|
37
|
+
return 150;
|
|
38
|
+
default:
|
|
39
|
+
return 120;
|
|
40
|
+
}
|
|
41
|
+
};
|
|
30
42
|
const FileFieldView = ({
|
|
31
43
|
field,
|
|
32
44
|
value,
|
|
33
45
|
noLabel,
|
|
34
|
-
style
|
|
46
|
+
style,
|
|
47
|
+
size: sizeProp
|
|
35
48
|
}) => {
|
|
36
49
|
const {
|
|
37
50
|
imageOptions,
|
|
38
|
-
placeholder
|
|
51
|
+
placeholder,
|
|
52
|
+
size
|
|
39
53
|
} = field;
|
|
40
54
|
const options = (0, _react.useMemo)(() => ({
|
|
41
|
-
height:
|
|
55
|
+
height: getFileSizeHeight(size ?? sizeProp ?? 'md'),
|
|
42
56
|
...imageOptions
|
|
43
|
-
}), [imageOptions]);
|
|
57
|
+
}), [imageOptions, size, sizeProp]);
|
|
44
58
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
45
59
|
style: [value ? styles.container : styles.rowContainer, style]
|
|
46
60
|
}, !noLabel && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_file","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","FileFieldView","field","value","noLabel","style","imageOptions","placeholder","options","useMemo","height","createElement","View","Text","FileView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAwC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAExC,MAAMkB,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_file","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","useMemo","height","createElement","View","Text","FileView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,56 +8,53 @@ var _core = require("@chem-po/core");
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _text = require("../../text");
|
|
11
|
+
var _useInputStyles = require("../input/hooks/useInputStyles");
|
|
11
12
|
var _file = require("./file");
|
|
12
13
|
var _multipleSelect = require("./multipleSelect");
|
|
13
14
|
var _select = require("./select");
|
|
15
|
+
var _styles = require("./styles");
|
|
14
16
|
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
17
|
const styles = _reactNative.StyleSheet.create({
|
|
16
18
|
container: {
|
|
17
19
|
flexDirection: 'row',
|
|
18
20
|
alignItems: 'center'
|
|
19
|
-
},
|
|
20
|
-
label: {
|
|
21
|
-
paddingRight: 8,
|
|
22
|
-
opacity: 0.7,
|
|
23
|
-
fontWeight: '600'
|
|
24
|
-
},
|
|
25
|
-
value: {
|
|
26
|
-
opacity: 1,
|
|
27
|
-
fontSize: 16
|
|
28
|
-
},
|
|
29
|
-
valueEmpty: {
|
|
30
|
-
opacity: 0.6,
|
|
31
|
-
fontSize: 16
|
|
32
21
|
}
|
|
33
22
|
});
|
|
34
23
|
const DefaultFieldView = ({
|
|
35
24
|
field,
|
|
36
25
|
value,
|
|
37
26
|
noLabel,
|
|
38
|
-
style
|
|
27
|
+
style,
|
|
28
|
+
size: sizeProp
|
|
39
29
|
}) => {
|
|
40
30
|
const {
|
|
41
31
|
placeholder
|
|
42
32
|
} = field;
|
|
33
|
+
const {
|
|
34
|
+
text
|
|
35
|
+
} = (0, _useInputStyles.useInputStyles)(false, field.size, sizeProp);
|
|
43
36
|
const formatted = (0, _react.useMemo)(() => {
|
|
44
|
-
const format = _core.
|
|
37
|
+
const format = _core.displayField[field._type];
|
|
45
38
|
if (!format) return value;
|
|
46
39
|
return format(field, value);
|
|
47
40
|
}, [value, field]);
|
|
41
|
+
const hasValue = (0, _react.useMemo)(() => {
|
|
42
|
+
return value !== null && value !== undefined && value !== '';
|
|
43
|
+
}, [value]);
|
|
48
44
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
49
45
|
style: [styles.container, style]
|
|
50
46
|
}, !noLabel && /*#__PURE__*/_react.default.createElement(_text.Txt, {
|
|
51
|
-
style:
|
|
47
|
+
style: [_styles.inputViewStyles.label, text]
|
|
52
48
|
}, placeholder), /*#__PURE__*/_react.default.createElement(_text.Txt, {
|
|
53
|
-
style:
|
|
54
|
-
}, formatted
|
|
49
|
+
style: [hasValue ? _styles.inputViewStyles.value : _styles.inputViewStyles.valueEmpty, text]
|
|
50
|
+
}, hasValue ? formatted : 'None'));
|
|
55
51
|
};
|
|
56
52
|
const FieldView = ({
|
|
57
53
|
field,
|
|
58
54
|
value,
|
|
59
55
|
noLabel,
|
|
60
|
-
style
|
|
56
|
+
style,
|
|
57
|
+
size
|
|
61
58
|
}) => {
|
|
62
59
|
switch (field._type) {
|
|
63
60
|
case 'select':
|
|
@@ -65,28 +62,32 @@ const FieldView = ({
|
|
|
65
62
|
style: style,
|
|
66
63
|
field: field,
|
|
67
64
|
value: value,
|
|
68
|
-
noLabel: noLabel
|
|
65
|
+
noLabel: noLabel,
|
|
66
|
+
size: size
|
|
69
67
|
});
|
|
70
68
|
case 'multipleSelect':
|
|
71
69
|
return /*#__PURE__*/_react.default.createElement(_multipleSelect.MultipleSelectFieldView, {
|
|
72
70
|
style: style,
|
|
73
71
|
field: field,
|
|
74
72
|
value: value,
|
|
75
|
-
noLabel: noLabel
|
|
73
|
+
noLabel: noLabel,
|
|
74
|
+
size: size
|
|
76
75
|
});
|
|
77
76
|
case 'file':
|
|
78
77
|
return /*#__PURE__*/_react.default.createElement(_file.FileFieldView, {
|
|
79
78
|
style: style,
|
|
80
79
|
field: field,
|
|
81
80
|
value: value,
|
|
82
|
-
noLabel: noLabel
|
|
81
|
+
noLabel: noLabel,
|
|
82
|
+
size: size
|
|
83
83
|
});
|
|
84
84
|
default:
|
|
85
85
|
return /*#__PURE__*/_react.default.createElement(DefaultFieldView, {
|
|
86
86
|
style: style,
|
|
87
87
|
field: field,
|
|
88
88
|
value: value,
|
|
89
|
-
noLabel: noLabel
|
|
89
|
+
noLabel: noLabel,
|
|
90
|
+
size: size
|
|
90
91
|
});
|
|
91
92
|
}
|
|
92
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_core","require","_react","_interopRequireWildcard","_reactNative","_text","_file","_multipleSelect","_select","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","alignItems","
|
|
1
|
+
{"version":3,"names":["_core","require","_react","_interopRequireWildcard","_reactNative","_text","_useInputStyles","_file","_multipleSelect","_select","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","placeholder","text","useInputStyles","formatted","useMemo","format","displayField","_type","hasValue","undefined","createElement","View","Txt","inputViewStyles","label","valueEmpty","FieldView","SelectFieldView","MultipleSelectFieldView","FileFieldView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.MultipleSelectFieldView = void 0;
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
|
+
var _react2 = require("react");
|
|
8
9
|
var _reactNative = _interopRequireWildcard(require("react-native"));
|
|
10
|
+
var _useInputStyles = require("../input/hooks/useInputStyles");
|
|
11
|
+
var _multipleSelect = require("../input/multipleSelect");
|
|
12
|
+
var _select = require("./select");
|
|
9
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); }
|
|
10
14
|
const styles = _reactNative.StyleSheet.create({
|
|
11
15
|
container: {
|
|
@@ -19,8 +23,14 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
19
23
|
opacity: 0.7,
|
|
20
24
|
fontWeight: '600'
|
|
21
25
|
},
|
|
26
|
+
optionsContainer: {
|
|
27
|
+
padding: 2,
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
flexWrap: 'wrap'
|
|
30
|
+
},
|
|
22
31
|
optionContainer: {
|
|
23
|
-
|
|
32
|
+
marginTop: 2,
|
|
33
|
+
marginHorizontal: 2
|
|
24
34
|
},
|
|
25
35
|
emptyText: {
|
|
26
36
|
opacity: 0.6
|
|
@@ -30,27 +40,45 @@ const MultipleSelectFieldView = ({
|
|
|
30
40
|
field,
|
|
31
41
|
value,
|
|
32
42
|
noLabel,
|
|
43
|
+
size: sizeProp,
|
|
33
44
|
style
|
|
34
45
|
}) => {
|
|
35
46
|
const {
|
|
36
47
|
placeholder,
|
|
37
|
-
renderOption:
|
|
48
|
+
renderOption: customRender,
|
|
49
|
+
options
|
|
38
50
|
} = field;
|
|
51
|
+
const selectedOptions = options.filter(o => value === null || value === void 0 ? void 0 : value.includes(o.value));
|
|
39
52
|
const colorMode = (0, _react.useColorMode)();
|
|
53
|
+
const {
|
|
54
|
+
size,
|
|
55
|
+
container: inputStyles,
|
|
56
|
+
text
|
|
57
|
+
} = (0, _useInputStyles.useInputStyles)(undefined, field.size, sizeProp);
|
|
58
|
+
const selectedOptionStyle = (0, _react2.useMemo)(() => {
|
|
59
|
+
return {
|
|
60
|
+
paddingHorizontal: inputStyles.paddingHorizontal,
|
|
61
|
+
paddingVertical: inputStyles.paddingVertical
|
|
62
|
+
};
|
|
63
|
+
}, [inputStyles]);
|
|
64
|
+
const RenderOption = (0, _react2.useMemo)(() => customRender ?? _select.DefaultRenderOption, [customRender]);
|
|
40
65
|
return /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, {
|
|
41
66
|
style: [styles.container, style]
|
|
42
67
|
}, !noLabel && /*#__PURE__*/_reactNative.default.createElement(_reactNative.Text, {
|
|
43
68
|
style: styles.label
|
|
44
|
-
}, placeholder), value
|
|
45
|
-
|
|
46
|
-
, {
|
|
47
|
-
|
|
69
|
+
}, placeholder), value !== null && value !== void 0 && value.length ? /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, {
|
|
70
|
+
style: styles.optionsContainer
|
|
71
|
+
}, selectedOptions.map(o => /*#__PURE__*/_reactNative.default.createElement(_multipleSelect.SelectedOptionContainer, {
|
|
72
|
+
key: o.value,
|
|
73
|
+
style: selectedOptionStyle
|
|
48
74
|
}, /*#__PURE__*/_reactNative.default.createElement(RenderOption, {
|
|
49
|
-
|
|
75
|
+
option: o,
|
|
76
|
+
value: o.value,
|
|
50
77
|
colorMode: colorMode,
|
|
51
|
-
isSelected: true
|
|
52
|
-
|
|
53
|
-
|
|
78
|
+
isSelected: true,
|
|
79
|
+
size: size
|
|
80
|
+
})))) : /*#__PURE__*/_reactNative.default.createElement(_reactNative.Text, {
|
|
81
|
+
style: [styles.emptyText, text]
|
|
54
82
|
}, "None"));
|
|
55
83
|
};
|
|
56
84
|
exports.MultipleSelectFieldView = MultipleSelectFieldView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_reactNative","_interopRequireWildcard","_useInputStyles","_multipleSelect","_select","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","emptyText","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","includes","colorMode","useColorMode","inputStyles","text","useInputStyles","undefined","selectedOptionStyle","useMemo","paddingHorizontal","paddingVertical","RenderOption","DefaultRenderOption","createElement","View","Text","length","map","SelectedOptionContainer","key","option","isSelected","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SelectFieldView = void 0;
|
|
6
|
+
exports.SelectFieldView = exports.DefaultRenderOption = void 0;
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
8
|
var _react2 = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _text = require("../../text");
|
|
11
|
+
var _useInputStyles = require("../input/hooks/useInputStyles");
|
|
12
|
+
var _styles = require("./styles");
|
|
11
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
14
|
const styles = _reactNative.StyleSheet.create({
|
|
13
15
|
container: {
|
|
@@ -20,15 +22,19 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
20
22
|
}
|
|
21
23
|
});
|
|
22
24
|
const DefaultRenderOption = ({
|
|
23
|
-
|
|
25
|
+
option
|
|
24
26
|
}) => {
|
|
25
|
-
return /*#__PURE__*/_react2.default.createElement(_text.Txt,
|
|
27
|
+
return /*#__PURE__*/_react2.default.createElement(_text.Txt, {
|
|
28
|
+
style: _styles.inputViewStyles.value
|
|
29
|
+
}, option.label);
|
|
26
30
|
};
|
|
31
|
+
exports.DefaultRenderOption = DefaultRenderOption;
|
|
27
32
|
const SelectFieldView = ({
|
|
28
33
|
field,
|
|
29
34
|
value,
|
|
30
35
|
noLabel,
|
|
31
|
-
style
|
|
36
|
+
style,
|
|
37
|
+
size: sizeProp
|
|
32
38
|
}) => {
|
|
33
39
|
const {
|
|
34
40
|
placeholder,
|
|
@@ -36,18 +42,27 @@ const SelectFieldView = ({
|
|
|
36
42
|
} = field;
|
|
37
43
|
const colorMode = (0, _react.useColorMode)();
|
|
38
44
|
const placeholderColor = (0, _react.usePlaceholderColor)();
|
|
45
|
+
const {
|
|
46
|
+
size,
|
|
47
|
+
text
|
|
48
|
+
} = (0, _useInputStyles.useInputStyles)(false, field.size, sizeProp);
|
|
49
|
+
const selectedOption = field.options.find(o => o.value === value);
|
|
39
50
|
const RenderOption = customRender ?? DefaultRenderOption;
|
|
40
51
|
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
41
52
|
style: [styles.container, style]
|
|
42
53
|
}, !noLabel && /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
43
|
-
style: [styles.label, {
|
|
54
|
+
style: [styles.label, text, {
|
|
44
55
|
color: placeholderColor
|
|
45
56
|
}]
|
|
46
|
-
}, placeholder), /*#__PURE__*/_react2.default.createElement(RenderOption, {
|
|
47
|
-
value: value
|
|
57
|
+
}, placeholder), selectedOption ? /*#__PURE__*/_react2.default.createElement(RenderOption, {
|
|
58
|
+
value: selectedOption.value,
|
|
59
|
+
option: selectedOption,
|
|
48
60
|
colorMode: colorMode,
|
|
49
|
-
isSelected: true
|
|
50
|
-
|
|
61
|
+
isSelected: true,
|
|
62
|
+
size: size
|
|
63
|
+
}) : /*#__PURE__*/_react2.default.createElement(_text.Txt, {
|
|
64
|
+
style: _styles.inputViewStyles.valueEmpty
|
|
65
|
+
}, "None"));
|
|
51
66
|
};
|
|
52
67
|
exports.SelectFieldView = SelectFieldView;
|
|
53
68
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_reactNative","_text","e","__esModule","default","styles","StyleSheet","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_reactNative","_text","_useInputStyles","_styles","e","__esModule","default","styles","StyleSheet","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","Txt","style","inputViewStyles","value","exports","SelectFieldView","field","noLabel","size","sizeProp","placeholder","renderOption","customRender","colorMode","useColorMode","placeholderColor","usePlaceholderColor","text","useInputStyles","selectedOption","options","find","o","RenderOption","View","Text","color","isSelected","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA0C,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOnB,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,KAAA,CAAAkB,GAAG;IAACC,KAAK,EAAEC,uBAAe,CAACC;EAAM,GAAEL,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAAAU,OAAA,CAAAP,mBAAA,GAAAA,mBAAA;AAEM,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLH,KAAK;EACLI,OAAO;EACPN,KAAK;EACLO,IAAI,EAAEC;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAChC,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAM;IAAER,IAAI;IAAES;EAAK,CAAC,GAAG,IAAAC,8BAAc,EAAC,KAAK,EAAEZ,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClE,MAAMU,cAAc,GAAGb,KAAK,CAACc,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACnB,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMoB,YAAY,GAAGX,YAAY,IAAIf,mBAAmB;EACxD,oBACElB,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAA2C,IAAI;IAACvB,KAAK,EAAE,CAACb,MAAM,CAACG,SAAS,EAAEU,KAAK;EAAE,GACpC,CAACM,OAAO,iBACP5B,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAA4C,IAAI;IAACxB,KAAK,EAAE,CAACb,MAAM,CAACM,KAAK,EAAEuB,IAAI,EAAE;MAAES,KAAK,EAAEX;IAAiB,CAAC;EAAE,GAAEL,WAAkB,CACpF,EACAS,cAAc,gBACbxC,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACwB,YAAY;IACXpB,KAAK,EAAEgB,cAAc,CAAChB,KAAM;IAC5BL,MAAM,EAAEqB,cAAe;IACvBN,SAAS,EAAEA,SAAU;IACrBc,UAAU,EAAE,IAAK;IACjBnB,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEF7B,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,KAAA,CAAAkB,GAAG;IAACC,KAAK,EAAEC,uBAAe,CAAC0B;EAAW,GAAC,MAAS,CAE/C,CAAC;AAEX,CAAC;AAAAxB,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.inputViewStyles = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
const inputViewStyles = exports.inputViewStyles = _reactNative.StyleSheet.create({
|
|
9
|
+
label: {
|
|
10
|
+
paddingRight: 8,
|
|
11
|
+
opacity: 0.7,
|
|
12
|
+
fontWeight: '600'
|
|
13
|
+
},
|
|
14
|
+
value: {
|
|
15
|
+
opacity: 1
|
|
16
|
+
},
|
|
17
|
+
valueEmpty: {
|
|
18
|
+
opacity: 0.6
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","inputViewStyles","exports","StyleSheet","create","label","paddingRight","opacity","fontWeight","value","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX,CAAC;EACDG,UAAU,EAAE;IACVH,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ChempoNativeProvider = void 0;
|
|
7
7
|
var _react = require("@chem-po/react");
|
|
8
8
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
9
10
|
var _reactNativeNotifier = require("react-native-notifier");
|
|
10
11
|
var _reactNativePaperDates = require("react-native-paper-dates");
|
|
11
12
|
var _toast = require("../constants/toast");
|
|
@@ -31,4 +32,9 @@ const ChempoNativeProvider = ({
|
|
|
31
32
|
}, props)));
|
|
32
33
|
};
|
|
33
34
|
exports.ChempoNativeProvider = ChempoNativeProvider;
|
|
35
|
+
const styles = _reactNative.StyleSheet.create({
|
|
36
|
+
notifier: {
|
|
37
|
+
flex: 1
|
|
38
|
+
}
|
|
39
|
+
});
|
|
34
40
|
//# sourceMappingURL=root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNativeNotifier","_reactNativePaperDates","_toast","_useThemeState","_useScreen","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","registerTranslation","en","ChempoNativeProvider","theme","themeProp","initialColorMode","props","useThemeProps","useMemo","useThemeState","createElement","NotifierWrapper","ChempoProvider","toast","nativeToast","initializeScreen","exports"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_reactNativeNotifier","_reactNativePaperDates","_toast","_useThemeState","_useScreen","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","registerTranslation","en","ChempoNativeProvider","theme","themeProp","initialColorMode","props","useThemeProps","useMemo","useThemeState","createElement","NotifierWrapper","ChempoProvider","toast","nativeToast","initializeScreen","exports","styles","StyleSheet","create","notifier","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,8 @@ import { Controller } from 'react-hook-form';
|
|
|
5
5
|
import { Input } from './input/input';
|
|
6
6
|
const FieldComponentBase = ({
|
|
7
7
|
field,
|
|
8
|
-
name
|
|
8
|
+
name,
|
|
9
|
+
size: formSize
|
|
9
10
|
}, ref) => {
|
|
10
11
|
const {
|
|
11
12
|
control,
|
|
@@ -41,7 +42,8 @@ const FieldComponentBase = ({
|
|
|
41
42
|
},
|
|
42
43
|
onChange: getOnChange(inputProps.onChange)
|
|
43
44
|
},
|
|
44
|
-
meta: meta
|
|
45
|
+
meta: meta,
|
|
46
|
+
formSize: formSize
|
|
45
47
|
});
|
|
46
48
|
}
|
|
47
49
|
});
|