react-crud-mobile 1.3.291 → 1.3.292

package/dist/react-crud-mobile.esm.js

@@ -769,9 +769,13 @@ function UIInput(props) {
   var label = scope.getLabel();
   var placeholder = scope.getPart('placeholder', null, label);
   var el = scope.original;
-  var _useState = useState(initial),
-    value = _useState[0],
-    setValue = _useState[1];
+  var element = scope.original;
+  var _useState = useState(40),
+    height = _useState[0],
+    setHeight = _useState[1];
+  var _useState2 = useState(initial),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var onChange = function onChange(v) {
     v = scope.changeValue(v);
     setValue(v);
@@ -802,15 +806,25 @@ function UIInput(props) {
     textarea: {
       multiline: true,
       textAlignVertical: 'top',
-      numberOfLines: 5
+      numberOfLines: 5,
+      style: {
+        height: Math.max(40, height)
+      }
     }
   };
-  var defs = _extends({}, Utils.nvl(decode[type], {}), scope.original.inputProps);
+  var defs = _extends({}, Utils.nvl(decode[type], {}), element.inputProps);
+  var inputStyle = _extends({}, style('input', scope.getStyle(type)));
+  if (element.autoHeight) {
+    defs.onContentSizeChange = function (event) {
+      setHeight(event.nativeEvent.contentSize.height);
+    };
+    inputStyle = _extends({}, inputStyle, defs.style);
+  }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(View, {
       style: style('base'),
       children: [scope.getPart('left'), /*#__PURE__*/jsx(TextInput, _extends({
-        style: style('input', scope.getStyle(type)),
+        style: inputStyle,
         onChangeText: onChange,
         value: value,
         placeholder: placeholder