react-crud-mobile 1.3.290 → 1.3.292

package/dist/react-crud-mobile.cjs.development.js

@@ -778,9 +778,13 @@ function UIInput(props) {
   var label = scope.getLabel();
   var placeholder = scope.getPart('placeholder', null, label);
   var el = scope.original;
-  var _useState = React.useState(initial),
-    value = _useState[0],
-    setValue = _useState[1];
+  var element = scope.original;
+  var _useState = React.useState(40),
+    height = _useState[0],
+    setHeight = _useState[1];
+  var _useState2 = React.useState(initial),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var onChange = function onChange(v) {
     v = scope.changeValue(v);
     setValue(v);
@@ -806,20 +810,30 @@ function UIInput(props) {
     }
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
-  var type = scope.getPart('type', 'none');
+  var type = scope.getPart('type', 'text');
   var decode = {
     textarea: {
       multiline: true,
       textAlignVertical: 'top',
-      numberOfLines: 5
+      numberOfLines: 5,
+      style: {
+        height: Math.max(40, height)
+      }
     }
   };
-  var defs = _extends({}, reactCrudUtils.Utils.nvl(decode[type], {}), scope.original.inputProps);
+  var defs = _extends({}, reactCrudUtils.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
       style: style('base'),
       children: [scope.getPart('left'), /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, _extends({
-        style: style('input'),
+        style: inputStyle,
         onChangeText: onChange,
         value: value,
         placeholder: placeholder