etendo-ui-library 1.4.24 → 1.4.26

package/dist-native/components/inputBase/InputBase.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IInputBase } from './InputBase.types';
-declare const InputBase: ({ value, placeholder, title, helperText, isDisabled, isError, onChangeText, icon, rightButtons, onPress, onBlur, onSubmitEditing, secureTextEntry, keyboardType, styleContainer, isFocusable, refInputContainer, refInput }: IInputBase) => React.JSX.Element;
+import React from "react";
+import { IInputBase } from "./InputBase.types";
+declare const InputBase: ({ value, placeholder, title, helperText, isDisabled, isError, onChangeText, icon, rightButtons, onPress, onBlur, onSubmitEditing, onKeyPress, secureTextEntry, keyboardType, styleContainer, isFocusable, refInputContainer, refInput, multiline, numberOfLines, }: IInputBase) => React.JSX.Element;
 export default InputBase;

package/dist-native/components/inputBase/InputBase.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _InputBase=require("./InputBase.styles");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var _gridContainer=require("../containers/gridContainer");var _excluded=["style"],_excluded2=["iconLeft","iconRight"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/InputBase.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputBase=function InputBase(_ref){var value=_ref.value,placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,onChangeText=_ref.onChangeText,icon=_ref.icon,rightButtons=_ref.rightButtons,onPress=_ref.onPress,onBlur=_ref.onBlur,onSubmitEditing=_ref.onSubmitEditing,secureTextEntry=_ref.secureTextEntry,_ref$keyboardType=_ref.keyboardType,keyboardType=_ref$keyboardType===void 0?'default':_ref$keyboardType,styleContainer=_ref.styleContainer,_ref$isFocusable=_ref.isFocusable,isFocusable=_ref$isFocusable===void 0?true:_ref$isFocusable,refInputContainer=_ref.refInputContainer,refInput=_ref.refInput;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var borderWidth=isFocused?3:1;var paddingVertical=13-borderWidth;var paddingHorizontal=12-borderWidth;var isEditable=onPress?false:!isDisabled;var onFocusChange=function onFocusChange(){if(!isDisabled&&isFocusable){setIsFocused(true);}};var onBlurChange=function onBlurChange(){setIsFocused(false);onBlur==null?void 0:onBlur();};var determineColor=function determineColor(icon){if(icon){return iconColorStyle();}if(isDisabled){return _colors.NEUTRAL_500;}return isError?_colors.DANGER_700:_colors.PRIMARY_100;};var textColorStyle=function textColorStyle(){if(!value||isDisabled){return _colors.NEUTRAL_500;}if(isFocused){return _colors.PRIMARY_100;}if(isError&&!isFocused){return _colors.DANGER_700;}return _colors.PRIMARY_100;};var iconColorStyle=function iconColorStyle(){if(isDisabled){return _colors.NEUTRAL_500;}if(isFocused){return _colors.PRIMARY_100;}if(isError&&!isFocused){return _colors.DANGER_700;}return _colors.PRIMARY_100;};var textInputStyle=[_InputBase.styles.textInput,{color:textColorStyle()}];if(_reactNative.Platform.OS==='web'){textInputStyle.push({outlineWidth:0});}var handleChange=function handleChange(string){if(onChangeText){if(['numeric','number-pad','phone-pad','decimal-pad'].includes(keyboardType)){var regexNumber=/^[\d.,\/]*$/;if(regexNumber.test(string)||string===''){onChangeText(string);}}else{onChangeText(string);}}};var determineIconStyles=function determineIconStyles(icon,disable){if(!icon)return null;var _icon$props=icon.props,_icon$props$style=_icon$props.style,style=_icon$props$style===void 0?{}:_icon$props$style,otherIconProps=(0,_objectWithoutProperties2.default)(_icon$props,_excluded);return _react.default.cloneElement(icon,Object.assign({fill:disable?_colors.NEUTRAL_500:determineColor(true),style:Object.assign({},style,{height:style.height||_InputBase.styles.icon.height,width:style.width||_InputBase.styles.icon.width})},otherIconProps));};return _react.default.createElement(_react.default.Fragment,null,!!title&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.title,{color:determineColor()}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:131,columnNumber:9}},title),_react.default.createElement(_reactNative.View,{ref:refInputContainer,style:[_InputBase.styles.container,{borderColor:determineColor()},{paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical,borderWidth:borderWidth},Object.assign({},styleContainer)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:138,columnNumber:7}},!!icon&&_react.default.createElement(_reactNative.View,{style:_InputBase.styles.iconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:11}},_react.default.cloneElement(icon,{style:_InputBase.styles.icon,fill:determineColor(true)})),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:isDisabled,style:_InputBase.styles.containerInput,onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}},_react.default.createElement(_reactNative.TextInput,{ref:refInput,value:value,onPressIn:onPress,onChangeText:handleChange,placeholder:placeholder,editable:isEditable,onFocus:onFocusChange,onBlur:onBlurChange,onSubmitEditing:onSubmitEditing,style:[textInputStyle,onPress&&(0,_table_utils.cursorPointer)()],keyboardType:keyboardType,secureTextEntry:secureTextEntry,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:11}})),!!rightButtons&&_react.default.createElement(_gridContainer.GridContainer,{gapHorizontal:12,stylesContainer:_InputBase.styles.gridContainer,components:rightButtons.map(function(ButtonComponent,index){var _ButtonComponent$prop=ButtonComponent.props,iconLeft=_ButtonComponent$prop.iconLeft,iconRight=_ButtonComponent$prop.iconRight,otherProps=(0,_objectWithoutProperties2.default)(_ButtonComponent$prop,_excluded2);var modifiedProps=Object.assign({},otherProps);modifiedProps.paddingVertical=(modifiedProps==null?void 0:modifiedProps.paddingVertical)||0;modifiedProps.paddingHorizontal=(modifiedProps==null?void 0:modifiedProps.paddingHorizontal)||0;modifiedProps.iconLeft=determineIconStyles(iconLeft,modifiedProps.disabled||isDisabled);modifiedProps.iconRight=determineIconStyles(iconRight,modifiedProps.disabled||isDisabled);modifiedProps.text='';return _react.default.createElement(ButtonComponent.type,(0,_extends2.default)({},modifiedProps,{key:index,disabled:isDisabled||modifiedProps.disabled,typeStyle:'white',__self:_this,__source:{fileName:_jsxFileName,lineNumber:194,columnNumber:17}}));}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:178,columnNumber:11}})),!!helperText&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.helperText,{color:determineColor()}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:206,columnNumber:9}},helperText));};var _default=exports.default=InputBase;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _InputBase=require("./InputBase.styles");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var _gridContainer=require("../containers/gridContainer");var _excluded=["style"],_excluded2=["iconLeft","iconRight"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/InputBase.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputBase=function InputBase(_ref){var value=_ref.value,placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,onChangeText=_ref.onChangeText,icon=_ref.icon,rightButtons=_ref.rightButtons,onPress=_ref.onPress,onBlur=_ref.onBlur,onSubmitEditing=_ref.onSubmitEditing,onKeyPress=_ref.onKeyPress,secureTextEntry=_ref.secureTextEntry,_ref$keyboardType=_ref.keyboardType,keyboardType=_ref$keyboardType===void 0?"default":_ref$keyboardType,styleContainer=_ref.styleContainer,_ref$isFocusable=_ref.isFocusable,isFocusable=_ref$isFocusable===void 0?true:_ref$isFocusable,refInputContainer=_ref.refInputContainer,refInput=_ref.refInput,multiline=_ref.multiline,numberOfLines=_ref.numberOfLines;var heightTextInputLine=_InputBase.styles.textInput.lineHeight;var borderMultiline={borderWidth:0.001,borderColor:"transparent"};var isEditable=onPress?false:!isDisabled;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)(heightTextInputLine),_useState4=(0,_slicedToArray2.default)(_useState3,2),inputHeight=_useState4[0],setInputHeight=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),isScrollMultiline=_useState6[0],setIsScrollMultiline=_useState6[1];var borderWidth=isFocused?3:1;var paddingVertical=7-borderWidth;var paddingHorizontal=12-borderWidth;var onFocusChange=function onFocusChange(){if(!isDisabled&&isFocusable){setIsFocused(true);}};var onBlurChange=function onBlurChange(){setIsFocused(false);onBlur==null?void 0:onBlur();};var determineColor=function determineColor(icon){if(icon){return iconColorStyle();}if(isDisabled){return _colors.NEUTRAL_500;}return isError?_colors.DANGER_700:_colors.PRIMARY_100;};var textColorStyle=function textColorStyle(){if(!value||isDisabled){return _colors.NEUTRAL_500;}if(isFocused){return _colors.PRIMARY_100;}if(isError&&!isFocused){return _colors.DANGER_700;}return _colors.PRIMARY_100;};var iconColorStyle=function iconColorStyle(){if(isDisabled){return _colors.NEUTRAL_500;}if(isFocused){return _colors.PRIMARY_100;}if(isError&&!isFocused){return _colors.DANGER_700;}return _colors.PRIMARY_100;};var textInputStyle=[_InputBase.styles.textInput,{color:textColorStyle()}];if(_reactNative.Platform.OS==="web"){textInputStyle.push({outlineWidth:0});}var handleChange=function handleChange(string){if(onChangeText){if(["numeric","number-pad","phone-pad","decimal-pad"].includes(keyboardType)){var regexNumber=/^[\d.,\/]*$/;if(regexNumber.test(string)||string===""){onChangeText(string);}}else{onChangeText(string);}}};var determineIconStyles=function determineIconStyles(icon,disable){if(!icon)return null;var _icon$props=icon.props,_icon$props$style=_icon$props.style,style=_icon$props$style===void 0?{}:_icon$props$style,otherIconProps=(0,_objectWithoutProperties2.default)(_icon$props,_excluded);return _react.default.cloneElement(icon,Object.assign({fill:disable?_colors.NEUTRAL_500:determineColor(true),style:Object.assign({},style,{height:style.height||_InputBase.styles.icon.height,width:style.width||_InputBase.styles.icon.width})},otherIconProps));};var handleContentSizeChange=function handleContentSizeChange(e){if(multiline){var height=e.nativeEvent.contentSize.height;var maxHeight=heightTextInputLine*5;setIsScrollMultiline(height>heightTextInputLine);if(height<maxHeight){setInputHeight(height);}else{setInputHeight(maxHeight);}}};return _react.default.createElement(_react.default.Fragment,null,!!title&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.title,{color:determineColor()}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}},title),_react.default.createElement(_reactNative.View,{ref:refInputContainer,style:[_InputBase.styles.container,{borderColor:determineColor()},{paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical,borderWidth:borderWidth},Object.assign({},styleContainer)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:166,columnNumber:7}},!!icon&&_react.default.createElement(_reactNative.View,{style:_InputBase.styles.iconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:11}},_react.default.cloneElement(icon,{style:_InputBase.styles.icon,fill:determineColor(true)})),_react.default.createElement(_reactNative.TextInput,{ref:refInput,value:value,onPressIn:onPress,onChangeText:handleChange,placeholder:placeholder,editable:isEditable,onFocus:onFocusChange,onBlur:onBlurChange,onSubmitEditing:onSubmitEditing,keyboardType:keyboardType,secureTextEntry:secureTextEntry,multiline:multiline,onContentSizeChange:handleContentSizeChange,numberOfLines:numberOfLines,onKeyPress:onKeyPress,style:[textInputStyle,onPress&&(0,_table_utils.cursorPointer)(),{maxHeight:inputHeight},isScrollMultiline&&borderMultiline],__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:9}}),!!rightButtons&&_react.default.createElement(_gridContainer.GridContainer,{gapHorizontal:12,stylesContainer:_InputBase.styles.gridContainer,components:rightButtons.map(function(ButtonComponent,index){var _ButtonComponent$prop=ButtonComponent.props,iconLeft=_ButtonComponent$prop.iconLeft,iconRight=_ButtonComponent$prop.iconRight,otherProps=(0,_objectWithoutProperties2.default)(_ButtonComponent$prop,_excluded2);var modifiedProps=Object.assign({},otherProps);modifiedProps.paddingVertical=(modifiedProps==null?void 0:modifiedProps.paddingVertical)||0;modifiedProps.paddingHorizontal=(modifiedProps==null?void 0:modifiedProps.paddingHorizontal)||0;modifiedProps.iconLeft=determineIconStyles(iconLeft,modifiedProps.disabled||isDisabled);modifiedProps.iconRight=determineIconStyles(iconRight,modifiedProps.disabled||isDisabled);modifiedProps.text="";return _react.default.createElement(ButtonComponent.type,(0,_extends2.default)({},modifiedProps,{key:index,disabled:isDisabled||modifiedProps.disabled,typeStyle:"white",__self:_this,__source:{fileName:_jsxFileName,lineNumber:235,columnNumber:17}}));}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:11}})),!!helperText&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.helperText,{color:determineColor()}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:9}},helperText));};var _default=exports.default=InputBase;

package/dist-native/components/inputBase/InputBase.styles.d.ts

@@ -8,7 +8,6 @@ export declare const styles: {
     };
     container: {
         backgroundColor: string;
-        height: number;
         borderRadius: number;
         borderColor: string;
         overflow: "hidden";
@@ -17,20 +16,18 @@ export declare const styles: {
         flexDirection: "row";
     };
     containerInput: {
-        height: number;
         flex: number;
     };
     textInput: {
-        paddingHorizontal: number;
-        height: number;
         backgroundColor: string;
         fontSize: number;
         fontStyle: "normal";
         fontWeight: "500";
-        lineHeight: number;
         letterSpacing: number;
+        lineHeight: number;
         color: string;
         flex: number;
+        textAlignVertical: "center";
     };
     helperText: {
         fontSize: number;

package/dist-native/components/inputBase/InputBase.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({title:{fontSize:16,fontWeight:'600',lineHeight:24,letterSpacing:-0.16,color:_colors.NEUTRAL_800},container:{backgroundColor:_colors.NEUTRAL_50,height:48,borderRadius:8,borderColor:_colors.PRIMARY_100,overflow:'hidden',justifyContent:'center',alignItems:'center',flexDirection:'row'},containerInput:{height:45,flex:1},textInput:{paddingHorizontal:0,height:48,backgroundColor:_colors.NEUTRAL_50,fontSize:16,fontStyle:'normal',fontWeight:'500',lineHeight:22,letterSpacing:-0.16,color:_colors.PRIMARY_100,flex:1},helperText:{fontSize:14,fontWeight:'500',lineHeight:22,letterSpacing:-0.14},gridContainer:{alignItems:'center',paddingLeft:12},iconContainer:{marginRight:8},icon:{width:24,height:24}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({title:{fontSize:16,fontWeight:'600',lineHeight:24,letterSpacing:-0.16,color:_colors.NEUTRAL_800},container:{backgroundColor:_colors.NEUTRAL_50,borderRadius:8,borderColor:_colors.PRIMARY_100,overflow:'hidden',justifyContent:'center',alignItems:'center',flexDirection:'row'},containerInput:{flex:1},textInput:{backgroundColor:_colors.NEUTRAL_50,fontSize:16,fontStyle:'normal',fontWeight:'500',letterSpacing:-0.16,lineHeight:24,color:_colors.PRIMARY_100,flex:1,textAlignVertical:'center'},helperText:{fontSize:14,fontWeight:'500',lineHeight:24,letterSpacing:-0.14},gridContainer:{alignItems:'center',paddingLeft:12},iconContainer:{marginRight:8},icon:{width:24,height:24}});

package/dist-native/components/inputBase/InputBase.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { ColorValue, ImageStyle, NativeSyntheticEvent, TextInput, TextInputSubmitEditingEventData, View, ViewStyle } from 'react-native';
+import { ColorValue, ImageStyle, NativeSyntheticEvent, TextInput, TextInputKeyPressEventData, TextInputSubmitEditingEventData, View, ViewStyle } from 'react-native';
 import { ButtonProps } from '../button/Button.types';
 export interface SvgImageProps {
     style?: ImageStyle;
@@ -14,6 +14,7 @@ export interface IInputBase {
     onBlur?: () => void;
     onChangeText?: (value: string) => void;
     onSubmitEditing?: (event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
+    onKeyPress?: (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
     placeholder?: string;
     rightButtons?: RightButtons;
     title?: string;
@@ -25,4 +26,6 @@ export interface IInputBase {
     isFocusable?: boolean;
     refInputContainer?: RefObject<View>;
     refInput?: RefObject<TextInput>;
+    multiline?: boolean;
+    numberOfLines?: number;
 }

package/dist-native/components/inputBase/date-picker-input/DatePickerInput.types.d.ts

@@ -5,7 +5,7 @@ export type DayItem = {
 };
 export type DateFormat = "DD/MM/YYYY" | "MM/DD/YYYY";
 export type LanguageFormat = "en-US" | "es-ES";
-export interface DatePickerInputProps extends Omit<IInputBase, "keyboardType" | "secureTextEntry"> {
+export interface DatePickerInputProps extends Omit<IInputBase, "keyboardType" | "secureTextEntry" | 'multiline' | 'numberOfLines'> {
     language: LanguageFormat;
     dateFormat: DateFormat;
     showCalendar?: boolean;

package/dist-native/components/inputBase/dropdown-input/DropdownInput.types.d.ts

@@ -1,7 +1,7 @@
 import { DimensionValue, NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
 import { IInputBase } from '../InputBase.types';
 import { RefObject } from 'react';
-export interface IDropdownInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface IDropdownInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     staticData?: any[];
     displayKey?: string;
     maxVisibleOptions?: number;

package/dist-native/components/inputBase/file-search-input/FileSearchInput.constants.d.ts

@@ -1 +1,3 @@
 export declare const SUPPORTED_MIME_TYPES: string[];
+export declare const KEY_SHIFT = "shiftKey";
+export declare const KEY_ENTER = "enter";

package/dist-native/components/inputBase/file-search-input/FileSearchInput.constants.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.SUPPORTED_MIME_TYPES=void 0;var SUPPORTED_MIME_TYPES=exports.SUPPORTED_MIME_TYPES=['text/x-c','text/x-c++','application/csv','application/vnd.openxmlformats-officedocument.wordprocessingml.document','text/html','text/x-java','application/json','text/markdown','application/pdf','text/x-php','application/vnd.openxmlformats-officedocument.presentationml.presentation','text/x-python','text/x-script.python','text/x-ruby','text/x-tex','text/plain','text/css','image/jpeg','image/jpeg','text/javascript','image/gif','image/png','application/x-tar','application/typescript','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet','application/xml','text/xml','application/zip'];
+Object.defineProperty(exports,"__esModule",{value:true});exports.SUPPORTED_MIME_TYPES=exports.KEY_SHIFT=exports.KEY_ENTER=void 0;var SUPPORTED_MIME_TYPES=exports.SUPPORTED_MIME_TYPES=['text/x-c','text/x-c++','application/csv','application/vnd.openxmlformats-officedocument.wordprocessingml.document','text/html','text/x-java','application/json','text/markdown','application/pdf','text/x-php','application/vnd.openxmlformats-officedocument.presentationml.presentation','text/x-python','text/x-script.python','text/x-ruby','text/x-tex','text/plain','text/css','image/jpeg','image/jpeg','text/javascript','image/gif','image/png','application/x-tar','application/typescript','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet','application/xml','text/xml','application/zip'];var KEY_SHIFT=exports.KEY_SHIFT='shiftKey';var KEY_ENTER=exports.KEY_ENTER='enter';

package/dist-native/components/inputBase/file-search-input/FileSearchInput.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _FileSearchInput=require("./FileSearchInput.styles");var _colors=require("../../../styles/colors");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _secondaryComponents=require("../../secondaryComponents");var _functions_utils=require("../../../helpers/functions_utils");var _icons=require("../../../assets/images/icons");var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","onFileUploaded","onError","uploadConfig","maxFileSize","rightButtons","isAttachDisable","isSendDisable"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/file-search-input/FileSearchInput.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DocumentPicker=null;if(!(0,_functions_utils.isWebPlatform)()){try{import('react-native-document-picker').then(function(module){DocumentPicker=module.default;}).catch(function(error){console.error('Cannot load DocumentPicker',error);});}catch(error){console.error('Error importing DocumentPicker',error);}}var POSITION_DOWN_FILE=52;var POSITION_UP_FILE=-60;var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,onFileUploaded=_ref.onFileUploaded,onError=_ref.onError,uploadConfig=_ref.uploadConfig,_ref$maxFileSize=_ref.maxFileSize,maxFileSize=_ref$maxFileSize===void 0?512:_ref$maxFileSize,rightButtons=_ref.rightButtons,isAttachDisable=_ref.isAttachDisable,isSendDisable=_ref.isSendDisable,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),progress=_useState2[0],setProgress=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2.default)(_useState3,2),file=_useState4[0],setLocalFile=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),loadingFile=_useState6[0],setLoadingFile=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isFileValid=_useState8[0],setIsFileValid=_useState8[1];var _useState9=(0,_react.useState)('none'),_useState10=(0,_slicedToArray2.default)(_useState9,2),fileStatus=_useState10[0],setFileStatus=_useState10[1];var _useState11=(0,_react.useState)({top:0,left:0,width:0}),_useState12=(0,_slicedToArray2.default)(_useState11,2),modalPosition=_useState12[0],setModalPosition=_useState12[1];var _Dimensions$get=_reactNative.Dimensions.get('window'),windowHeight=_Dimensions$get.height,windowWidth=_Dimensions$get.width;var refInput=(0,_react.useRef)(null);var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var abortControllerRef=(0,_react.useRef)(null);var resetProgress=function resetProgress(){setLocalFile(null);setIsFileValid(false);setLoadingFile(false);setProgress(0);setFileStatus('none');};var handleDragOver=function handleDragOver(event){event.preventDefault();};var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var droppedFile=files[0];validateAndLoadFile(droppedFile);if(!!setFile)setFile(droppedFile);setLocalFile(droppedFile);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setIsFileValid(true);setTimeout(function(){setFileStatus('loaded');setProgress(0);},100);};var animateProgress=function animateProgress(toValue){setProgress(toValue);};var startLoading=function startLoading(pickedFile){setLoadingFile(true);if(!!setFile)pickedFile;setLocalFile(pickedFile);setProgress(25);animateProgress(25);};var validateAndLoadFile=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(pickedFile){resetProgress();if(!!setFile)setFile(pickedFile);setIsFileValid(true);startLoading(pickedFile);try{if(!!uploadFile)yield uploadFile(pickedFile);}catch(error){console.error('Error uploading file:',error);setFileStatus('error');onError==null?void 0:onError(error);}return true;});return function validateAndLoadFile(_x){return _ref2.apply(this,arguments);};}();var handleFileButtonClick=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){if((0,_functions_utils.isWebPlatform)()){fileInputRef.current.click();}else{if(!DocumentPicker){console.error('DocumentPicker is not available on this platform.');return;}try{var response=yield DocumentPicker.pick({type:[DocumentPicker.types.allFiles]});var pickedFile={name:response[0].name,size:response[0].size,type:response[0].type,uri:response[0].uri};validateAndLoadFile(pickedFile);}catch(error){if(!DocumentPicker.isCancel(error)){console.error(error);onError==null?void 0:onError(error);}}}});return function handleFileButtonClick(){return _ref3.apply(this,arguments);};}();var handleSendMessage=function handleSendMessage(){if(!loadingFile&&value.trim()!==''){onSubmit==null?void 0:onSubmit(value,isFileValid?file:null);resetProgress();if(!!setFile)setFile(null);setLocalFile(null);setIsFileValid(false);}else{var errorMessage='Please wait for the file to finish loading.';if(value.trim()===''){errorMessage='Message cannot be empty.';}else if(file&&!isFileValid){errorMessage="File size should not exceed "+maxFileSize+" MB.";}}};var UploadButton=_react.default.createElement(_button.Button,{paddingVertical:7,typeStyle:"white",onPress:handleFileButtonClick,disabled:isAttachDisable,iconLeft:_react.default.createElement(_icons.PaperclipIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:222,columnNumber:17}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:217,columnNumber:5}});var SendButton=_react.default.createElement(_button.Button,{paddingVertical:7,typeStyle:"white",onPress:handleSendMessage,disabled:isSendDisable,iconLeft:_react.default.createElement(_icons.CornerDownRightIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:231,columnNumber:17}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:5}});var buttons=rightButtons;if(!!uploadConfig){buttons=buttons?[].concat((0,_toConsumableArray2.default)(buttons),[UploadButton]):[UploadButton];}if(!!onSubmit){buttons=buttons?[].concat((0,_toConsumableArray2.default)(buttons),[SendButton]):[SendButton];}var handleFileSelect=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(event){var file=event.target.files[0];if(file){if(yield validateAndLoadFile(file)){if(!!setFile)setFile(file);setLocalFile(file);}}event.target.value=null;});return function handleFileSelect(_x2){return _ref4.apply(this,arguments);};}();var uploadFile=function(){var _ref5=(0,_asyncToGenerator2.default)(function*(pickedFile){if(!!uploadConfig){var formData=new FormData();formData.append('file',pickedFile);abortControllerRef.current=new AbortController();var signal=abortControllerRef.current.signal;try{var response=yield fetch(uploadConfig.url,{method:uploadConfig.method,body:formData,headers:uploadConfig.headers,signal:signal});if(response.ok){completeProgress();setLoadingFile(false);setFileStatus('loaded');if(!!onFileUploaded){var data=yield response.json();onFileUploaded(data);}}else{var errorResponse=yield response.json();console.error('Error uploading file:',errorResponse);onError==null?void 0:onError(errorResponse);setFileStatus('error');resetProgress();if(!!setFile)setFile(null);}}catch(error){if(error.name==='AbortError'){console.error('File upload cancelled');setFileStatus('canceled');}else{console.error('Error uploading file:',error);setFileStatus('error');}resetProgress();if(!!setFile)setFile(null);}}});return function uploadFile(_x3){return _ref5.apply(this,arguments);};}();var handleCancelFile=function handleCancelFile(){if(abortControllerRef.current){abortControllerRef.current.abort();}resetProgress();animateProgress(0);if(!!setFile)setFile(null);setFileStatus('canceled');if(fileInputRef.current){fileInputRef.current.value=null;}};(0,_react.useEffect)(function(){return function(){if(abortControllerRef.current){abortControllerRef.current.abort();}};},[]);var adjustDropdownPosition=(0,_react.useCallback)(function(){if(refInput.current){refInput.current.measure(function(x,y,width,height,pageX,pageY){setModalPosition({top:height+12>pageY?POSITION_DOWN_FILE:POSITION_UP_FILE,left:pageX,width:width});});}},[windowHeight]);(0,_react.useEffect)(function(){adjustDropdownPosition();if((0,_functions_utils.isWebPlatform)()){var handleScroll=function handleScroll(){adjustDropdownPosition();};window.addEventListener('scroll',handleScroll,{passive:true});return function(){return window.removeEventListener('scroll',handleScroll);};}},[windowHeight,windowWidth,adjustDropdownPosition]);return _react.default.createElement(_reactNative.SafeAreaView,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:349,columnNumber:5}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:350,columnNumber:7}},(0,_functions_utils.isWebPlatform)()?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,onDragOver:handleDragOver,onDragEnter:handleDragOver,onDragLeave:handleDragOver,__self:_this,__source:{fileName:_jsxFileName,lineNumber:352,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{refInputContainer:refInput,value:value,onChangeText:onChangeText,rightButtons:buttons,onSubmitEditing:handleSendMessage,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:358,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:367,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,rightButtons:buttons,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:375,columnNumber:11}}))),file&&isFileValid&&fileStatus!=='canceled'&&_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},style:[_FileSearchInput.styles.fileContainer,{top:modalPosition.top},{width:modalPosition.width}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:385,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:396,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:397,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileIconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:398,columnNumber:15}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:399,columnNumber:17}})),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:401,columnNumber:15}},_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:402,columnNumber:17}},file==null?void 0:file.name),progress>0&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.progressBarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:409,columnNumber:19}},_react.default.createElement(_secondaryComponents.SkeletonItem,{width:progress+"%",height:8,color:_colors.NEUTRAL_1000,borderRadius:16,__self:_this,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:21}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:421,columnNumber:13}},fileStatus==='loaded'&&_react.default.createElement(_icons.CheckCircleFillIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:17}}),_react.default.createElement(_reactNative.TouchableOpacity,{style:_FileSearchInput.styles.containerXicon,onPress:handleCancelFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:428,columnNumber:15}},_react.default.createElement(_icons.XIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:17}}))))));};var _default=exports.default=FileSearchInput;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _FileSearchInput=require("./FileSearchInput.styles");var _colors=require("../../../styles/colors");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _secondaryComponents=require("../../secondaryComponents");var _functions_utils=require("../../../helpers/functions_utils");var _icons=require("../../../assets/images/icons");var _FileSearchInput2=require("./FileSearchInput.constants");var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","onFileUploaded","onError","uploadConfig","maxFileSize","rightButtons","isAttachDisable","isSendDisable"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/file-search-input/FileSearchInput.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DocumentPicker=null;if(!(0,_functions_utils.isWebPlatform)()){try{import('react-native-document-picker').then(function(module){DocumentPicker=module.default;}).catch(function(error){console.error('Cannot load DocumentPicker',error);});}catch(error){console.error('Error importing DocumentPicker',error);}}var POSITION_DOWN_FILE=52;var POSITION_UP_FILE=-60;var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,onFileUploaded=_ref.onFileUploaded,onError=_ref.onError,uploadConfig=_ref.uploadConfig,_ref$maxFileSize=_ref.maxFileSize,maxFileSize=_ref$maxFileSize===void 0?512:_ref$maxFileSize,rightButtons=_ref.rightButtons,isAttachDisable=_ref.isAttachDisable,isSendDisable=_ref.isSendDisable,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),progress=_useState2[0],setProgress=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2.default)(_useState3,2),file=_useState4[0],setLocalFile=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),loadingFile=_useState6[0],setLoadingFile=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),isFileValid=_useState8[0],setIsFileValid=_useState8[1];var _useState9=(0,_react.useState)('none'),_useState10=(0,_slicedToArray2.default)(_useState9,2),fileStatus=_useState10[0],setFileStatus=_useState10[1];var _useState11=(0,_react.useState)({top:0,left:0,width:0}),_useState12=(0,_slicedToArray2.default)(_useState11,2),modalPosition=_useState12[0],setModalPosition=_useState12[1];var _Dimensions$get=_reactNative.Dimensions.get('window'),windowHeight=_Dimensions$get.height,windowWidth=_Dimensions$get.width;var refInput=(0,_react.useRef)(null);var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var abortControllerRef=(0,_react.useRef)(null);var resetProgress=function resetProgress(){setLocalFile(null);setIsFileValid(false);setLoadingFile(false);setProgress(0);setFileStatus('none');};var handleDragOver=function handleDragOver(event){event.preventDefault();};var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var droppedFile=files[0];validateAndLoadFile(droppedFile);if(!!setFile)setFile(droppedFile);setLocalFile(droppedFile);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setIsFileValid(true);setTimeout(function(){setFileStatus('loaded');setProgress(0);},100);};var animateProgress=function animateProgress(toValue){setProgress(toValue);};var startLoading=function startLoading(pickedFile){setLoadingFile(true);if(!!setFile)pickedFile;setLocalFile(pickedFile);setProgress(25);animateProgress(25);};var validateAndLoadFile=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(pickedFile){resetProgress();if(!!setFile)setFile(pickedFile);setIsFileValid(true);startLoading(pickedFile);try{if(!!uploadFile)yield uploadFile(pickedFile);}catch(error){console.error('Error uploading file:',error);setFileStatus('error');onError==null?void 0:onError(error);}return true;});return function validateAndLoadFile(_x){return _ref2.apply(this,arguments);};}();var handleFileButtonClick=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){if((0,_functions_utils.isWebPlatform)()){fileInputRef.current.click();}else{if(!DocumentPicker){console.error('DocumentPicker is not available on this platform.');return;}try{var response=yield DocumentPicker.pick({type:[DocumentPicker.types.allFiles]});var pickedFile={name:response[0].name,size:response[0].size,type:response[0].type,uri:response[0].uri};validateAndLoadFile(pickedFile);}catch(error){if(!DocumentPicker.isCancel(error)){console.error(error);onError==null?void 0:onError(error);}}}});return function handleFileButtonClick(){return _ref3.apply(this,arguments);};}();var handleSendMessage=function handleSendMessage(){if(!loadingFile&&value.trim()!==''){onSubmit==null?void 0:onSubmit(value,isFileValid?file:null);resetProgress();if(!!setFile)setFile(null);setLocalFile(null);setIsFileValid(false);}else{var errorMessage='Please wait for the file to finish loading.';if(value.trim()===''){errorMessage='Message cannot be empty.';}else if(file&&!isFileValid){errorMessage="File size should not exceed "+maxFileSize+" MB.";}}};var UploadButton=_react.default.createElement(_button.Button,{paddingVertical:7,typeStyle:"white",onPress:handleFileButtonClick,disabled:isAttachDisable,iconLeft:_react.default.createElement(_icons.PaperclipIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:226,columnNumber:17}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:5}});var SendButton=_react.default.createElement(_button.Button,{paddingVertical:7,typeStyle:"white",onPress:handleSendMessage,disabled:isSendDisable,iconLeft:_react.default.createElement(_icons.CornerDownRightIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:235,columnNumber:17}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:230,columnNumber:5}});var buttons=rightButtons;if(!!uploadConfig){buttons=buttons?[].concat((0,_toConsumableArray2.default)(buttons),[UploadButton]):[UploadButton];}if(!!onSubmit){buttons=buttons?[].concat((0,_toConsumableArray2.default)(buttons),[SendButton]):[SendButton];}var handleFileSelect=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(event){var file=event.target.files[0];if(file){if(yield validateAndLoadFile(file)){if(!!setFile)setFile(file);setLocalFile(file);}}event.target.value=null;});return function handleFileSelect(_x2){return _ref4.apply(this,arguments);};}();var uploadFile=function(){var _ref5=(0,_asyncToGenerator2.default)(function*(pickedFile){if(!!uploadConfig){var formData=new FormData();formData.append('file',pickedFile);abortControllerRef.current=new AbortController();var signal=abortControllerRef.current.signal;try{var response=yield fetch(uploadConfig.url,{method:uploadConfig.method,body:formData,headers:uploadConfig.headers,signal:signal});if(response.ok){completeProgress();setLoadingFile(false);setFileStatus('loaded');if(!!onFileUploaded){var data=yield response.json();onFileUploaded(data);}}else{var errorResponse=yield response.json();console.error('Error uploading file:',errorResponse);onError==null?void 0:onError(errorResponse);setFileStatus('error');resetProgress();if(!!setFile)setFile(null);}}catch(error){if(error.name==='AbortError'){console.error('File upload cancelled');setFileStatus('canceled');}else{console.error('Error uploading file:',error);setFileStatus('error');}resetProgress();if(!!setFile)setFile(null);}}});return function uploadFile(_x3){return _ref5.apply(this,arguments);};}();var handleCancelFile=function handleCancelFile(){if(abortControllerRef.current){abortControllerRef.current.abort();}resetProgress();animateProgress(0);if(!!setFile)setFile(null);setFileStatus('canceled');if(fileInputRef.current){fileInputRef.current.value=null;}};(0,_react.useEffect)(function(){return function(){if(abortControllerRef.current){abortControllerRef.current.abort();}};},[]);var adjustDropdownPosition=(0,_react.useCallback)(function(){if(refInput.current){refInput.current.measure(function(x,y,width,height,pageX,pageY){setModalPosition({top:height+12>pageY?POSITION_DOWN_FILE:POSITION_UP_FILE,left:pageX,width:width});});}},[windowHeight]);(0,_react.useEffect)(function(){adjustDropdownPosition();if((0,_functions_utils.isWebPlatform)()){var handleScroll=function handleScroll(){adjustDropdownPosition();};window.addEventListener('scroll',handleScroll,{passive:true});return function(){return window.removeEventListener('scroll',handleScroll);};}},[windowHeight,windowWidth,adjustDropdownPosition]);var onKeyPressHandler=function onKeyPressHandler(e){if(_FileSearchInput2.KEY_SHIFT in e&&e.nativeEvent.key===_FileSearchInput2.KEY_ENTER&&!e.nativeEvent.shiftKey){e.preventDefault();handleSendMessage();}};return _react.default.createElement(_reactNative.SafeAreaView,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:362,columnNumber:5}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:363,columnNumber:7}},(0,_functions_utils.isWebPlatform)()?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,onDragOver:handleDragOver,onDragEnter:handleDragOver,onDragLeave:handleDragOver,__self:_this,__source:{fileName:_jsxFileName,lineNumber:365,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{refInputContainer:refInput,value:value,onChangeText:onChangeText,rightButtons:buttons,onSubmitEditing:handleSendMessage,placeholder:placeholder,onKeyPress:onKeyPressHandler,__self:_this,__source:{fileName:_jsxFileName,lineNumber:371,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:381,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,rightButtons:buttons,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:389,columnNumber:11}}))),file&&isFileValid&&fileStatus!=='canceled'&&_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},style:[_FileSearchInput.styles.fileContainer,{top:modalPosition.top},{width:modalPosition.width}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:399,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileIconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:412,columnNumber:15}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:413,columnNumber:17}})),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:415,columnNumber:15}},_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:416,columnNumber:17}},file==null?void 0:file.name),progress>0&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.progressBarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:19}},_react.default.createElement(_secondaryComponents.SkeletonItem,{width:progress+"%",height:8,color:_colors.NEUTRAL_1000,borderRadius:16,__self:_this,__source:{fileName:_jsxFileName,lineNumber:424,columnNumber:21}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:435,columnNumber:13}},fileStatus==='loaded'&&_react.default.createElement(_icons.CheckCircleFillIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:437,columnNumber:17}}),_react.default.createElement(_reactNative.TouchableOpacity,{style:_FileSearchInput.styles.containerXicon,onPress:handleCancelFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:442,columnNumber:15}},_react.default.createElement(_icons.XIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:445,columnNumber:17}}))))));};var _default=exports.default=FileSearchInput;

package/dist-native/components/inputBase/password-input/PasswordInput.types.d.ts

@@ -1,5 +1,5 @@
 import { IInputBase } from '../InputBase.types';
-export interface IPasswordInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface IPasswordInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     value?: string;
     onChangeText?: (text: string) => void;
 }

package/dist-native/components/inputBase/search-input/SearchInput.types.d.ts

@@ -1,5 +1,5 @@
 import { IInputBase } from '../InputBase.types';
-export interface ISearchInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface ISearchInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     value?: string;
     onChangeText?: (text: string) => void;
     onSubmit?: (text: string) => void;

package/dist-web/components/containers/searchContainer/SearchContainer.js

@@ -1,6 +1,6 @@
 var _excluded = ["styleContainer", "styleGridContainer", "buttons", "widthSearchInput", "gridGapHorizontal", "gridGapVertical"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React from 'react';
 import { View } from "react-native-web";
 import { DEFAULT_SEARCH_WIDTH } from "./SearchContainer.default";

package/dist-web/components/inputBase/InputBase.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IInputBase } from './InputBase.types';
-declare const InputBase: ({ value, placeholder, title, helperText, isDisabled, isError, onChangeText, icon, rightButtons, onPress, onBlur, onSubmitEditing, secureTextEntry, keyboardType, styleContainer, isFocusable, refInputContainer, refInput }: IInputBase) => React.JSX.Element;
+import React from "react";
+import { IInputBase } from "./InputBase.types";
+declare const InputBase: ({ value, placeholder, title, helperText, isDisabled, isError, onChangeText, icon, rightButtons, onPress, onBlur, onSubmitEditing, onKeyPress, secureTextEntry, keyboardType, styleContainer, isFocusable, refInputContainer, refInput, multiline, numberOfLines, }: IInputBase) => React.JSX.Element;
 export default InputBase;

package/dist-web/components/inputBase/InputBase.js

@@ -8,15 +8,15 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Platform, Text, TextInput, TouchableOpacity, View } from "react-native-web";
-import React, { useState } from 'react';
+import { Platform, Text, TextInput, View } from "react-native-web";
+import React, { useState } from "react";
 import { styles } from "./InputBase.styles";
 import { DANGER_700, NEUTRAL_500, PRIMARY_100 } from "../../styles/colors";
 import { cursorPointer } from "../../helpers/table_utils";
@@ -34,22 +34,38 @@ var InputBase = function InputBase(_ref) {
     onPress = _ref.onPress,
     onBlur = _ref.onBlur,
     onSubmitEditing = _ref.onSubmitEditing,
+    onKeyPress = _ref.onKeyPress,
     secureTextEntry = _ref.secureTextEntry,
     _ref$keyboardType = _ref.keyboardType,
-    keyboardType = _ref$keyboardType === void 0 ? 'default' : _ref$keyboardType,
+    keyboardType = _ref$keyboardType === void 0 ? "default" : _ref$keyboardType,
     styleContainer = _ref.styleContainer,
     _ref$isFocusable = _ref.isFocusable,
     isFocusable = _ref$isFocusable === void 0 ? true : _ref$isFocusable,
     refInputContainer = _ref.refInputContainer,
-    refInput = _ref.refInput;
+    refInput = _ref.refInput,
+    multiline = _ref.multiline,
+    numberOfLines = _ref.numberOfLines;
+  var heightTextInputLine = styles.textInput.lineHeight;
+  var borderMultiline = {
+    borderWidth: 0.001,
+    borderColor: "transparent"
+  };
+  var isEditable = onPress ? false : !isDisabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFocused = _useState2[0],
     setIsFocused = _useState2[1];
+  var _useState3 = useState(heightTextInputLine),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputHeight = _useState4[0],
+    setInputHeight = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isScrollMultiline = _useState6[0],
+    setIsScrollMultiline = _useState6[1];
   var borderWidth = isFocused ? 3 : 1;
-  var paddingVertical = 13 - borderWidth;
+  var paddingVertical = 7 - borderWidth;
   var paddingHorizontal = 12 - borderWidth;
-  var isEditable = onPress ? false : !isDisabled;
   var onFocusChange = function onFocusChange() {
     if (!isDisabled && isFocusable) {
       setIsFocused(true);
@@ -95,16 +111,16 @@ var InputBase = function InputBase(_ref) {
   var textInputStyle = [styles.textInput, {
     color: textColorStyle()
   }];
-  if (Platform.OS === 'web') {
+  if (Platform.OS === "web") {
     textInputStyle.push({
       outlineWidth: 0
     });
   }
   var handleChange = function handleChange(string) {
     if (onChangeText) {
-      if (['numeric', 'number-pad', 'phone-pad', 'decimal-pad'].includes(keyboardType)) {
+      if (["numeric", "number-pad", "phone-pad", "decimal-pad"].includes(keyboardType)) {
         var regexNumber = /^[\d.,\/]*$/;
-        if (regexNumber.test(string) || string === '') {
+        if (regexNumber.test(string) || string === "") {
           onChangeText(string);
         }
       } else {
@@ -126,6 +142,18 @@ var InputBase = function InputBase(_ref) {
       })
     }, otherIconProps));
   };
+  var handleContentSizeChange = function handleContentSizeChange(e) {
+    if (multiline) {
+      var height = e.nativeEvent.contentSize.height;
+      var maxHeight = heightTextInputLine * 5;
+      setIsScrollMultiline(height > heightTextInputLine);
+      if (height < maxHeight) {
+        setInputHeight(height);
+      } else {
+        setInputHeight(maxHeight);
+      }
+    }
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
@@ -146,11 +174,7 @@ var InputBase = function InputBase(_ref) {
   }, /*#__PURE__*/React.cloneElement(icon, {
     style: styles.icon,
     fill: determineColor(true)
-  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    disabled: isDisabled,
-    style: styles.containerInput,
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  })), /*#__PURE__*/React.createElement(TextInput, {
     ref: refInput,
     value: value,
     onPressIn: onPress,
@@ -160,10 +184,16 @@ var InputBase = function InputBase(_ref) {
     onFocus: onFocusChange,
     onBlur: onBlurChange,
     onSubmitEditing: onSubmitEditing,
-    style: [textInputStyle, onPress && cursorPointer()],
     keyboardType: keyboardType,
-    secureTextEntry: secureTextEntry
-  })), !!rightButtons && /*#__PURE__*/React.createElement(GridContainer, {
+    secureTextEntry: secureTextEntry,
+    multiline: multiline,
+    onContentSizeChange: handleContentSizeChange,
+    numberOfLines: numberOfLines,
+    onKeyPress: onKeyPress,
+    style: [textInputStyle, onPress && cursorPointer(), {
+      maxHeight: inputHeight
+    }, isScrollMultiline && borderMultiline]
+  }), !!rightButtons && /*#__PURE__*/React.createElement(GridContainer, {
     gapHorizontal: 12,
     stylesContainer: styles.gridContainer,
     components: rightButtons.map(function (ButtonComponent, index) {
@@ -176,11 +206,11 @@ var InputBase = function InputBase(_ref) {
       modifiedProps.paddingHorizontal = (modifiedProps === null || modifiedProps === void 0 ? void 0 : modifiedProps.paddingHorizontal) || 0;
       modifiedProps.iconLeft = determineIconStyles(iconLeft, modifiedProps.disabled || isDisabled);
       modifiedProps.iconRight = determineIconStyles(iconRight, modifiedProps.disabled || isDisabled);
-      modifiedProps.text = '';
+      modifiedProps.text = "";
       return /*#__PURE__*/React.createElement(ButtonComponent.type, _extends({}, modifiedProps, {
         key: index,
         disabled: isDisabled || modifiedProps.disabled,
-        typeStyle: 'white'
+        typeStyle: "white"
       }));
     })
   })), !!helperText && /*#__PURE__*/React.createElement(Text, {

package/dist-web/components/inputBase/InputBase.styles.d.ts

@@ -8,7 +8,6 @@ export declare const styles: {
     };
     container: {
         backgroundColor: string;
-        height: number;
         borderRadius: number;
         borderColor: string;
         overflow: "hidden";
@@ -17,20 +16,18 @@ export declare const styles: {
         flexDirection: "row";
     };
     containerInput: {
-        height: number;
         flex: number;
     };
     textInput: {
-        paddingHorizontal: number;
-        height: number;
         backgroundColor: string;
         fontSize: number;
         fontStyle: "normal";
         fontWeight: "500";
-        lineHeight: number;
         letterSpacing: number;
+        lineHeight: number;
         color: string;
         flex: number;
+        textAlignVertical: "center";
     };
     helperText: {
         fontSize: number;

package/dist-web/components/inputBase/InputBase.styles.js

@@ -10,7 +10,6 @@ export var styles = StyleSheet.create({
   },
   container: {
     backgroundColor: NEUTRAL_50,
-    height: 48,
     borderRadius: 8,
     borderColor: PRIMARY_100,
     overflow: 'hidden',
@@ -19,25 +18,23 @@ export var styles = StyleSheet.create({
     flexDirection: 'row'
   },
   containerInput: {
-    height: 45,
     flex: 1
   },
   textInput: {
-    paddingHorizontal: 0,
-    height: 48,
     backgroundColor: NEUTRAL_50,
     fontSize: 16,
     fontStyle: 'normal',
     fontWeight: '500',
-    lineHeight: 22,
     letterSpacing: -0.16,
+    lineHeight: 24,
     color: PRIMARY_100,
-    flex: 1
+    flex: 1,
+    textAlignVertical: 'center'
   },
   helperText: {
     fontSize: 14,
     fontWeight: '500',
-    lineHeight: 22,
+    lineHeight: 24,
     letterSpacing: -0.14
   },
   gridContainer: {

package/dist-web/components/inputBase/InputBase.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { ColorValue, ImageStyle, NativeSyntheticEvent, TextInput, TextInputSubmitEditingEventData, View, ViewStyle } from 'react-native';
+import { ColorValue, ImageStyle, NativeSyntheticEvent, TextInput, TextInputKeyPressEventData, TextInputSubmitEditingEventData, View, ViewStyle } from 'react-native';
 import { ButtonProps } from '../button/Button.types';
 export interface SvgImageProps {
     style?: ImageStyle;
@@ -14,6 +14,7 @@ export interface IInputBase {
     onBlur?: () => void;
     onChangeText?: (value: string) => void;
     onSubmitEditing?: (event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
+    onKeyPress?: (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
     placeholder?: string;
     rightButtons?: RightButtons;
     title?: string;
@@ -25,4 +26,6 @@ export interface IInputBase {
     isFocusable?: boolean;
     refInputContainer?: RefObject<View>;
     refInput?: RefObject<TextInput>;
+    multiline?: boolean;
+    numberOfLines?: number;
 }

package/dist-web/components/inputBase/date-picker-input/DatePickerInput.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { View, Modal, TouchableWithoutFeedback, TouchableOpacity, Text, ScrollView, Pressable, FlatList, Dimensions } from "react-native-web";
 import InputBase from "../InputBase";

package/dist-web/components/inputBase/date-picker-input/DatePickerInput.types.d.ts

@@ -5,7 +5,7 @@ export type DayItem = {
 };
 export type DateFormat = "DD/MM/YYYY" | "MM/DD/YYYY";
 export type LanguageFormat = "en-US" | "es-ES";
-export interface DatePickerInputProps extends Omit<IInputBase, "keyboardType" | "secureTextEntry"> {
+export interface DatePickerInputProps extends Omit<IInputBase, "keyboardType" | "secureTextEntry" | 'multiline' | 'numberOfLines'> {
     language: LanguageFormat;
     dateFormat: DateFormat;
     showCalendar?: boolean;

package/dist-web/components/inputBase/dropdown-input/DropdownInput.js

@@ -15,7 +15,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React, { useRef, useEffect, useCallback, useState } from 'react';
 import { View, Dimensions } from "react-native-web";
 import InputBase from "../InputBase";

package/dist-web/components/inputBase/dropdown-input/DropdownInput.types.d.ts

@@ -1,7 +1,7 @@
 import { DimensionValue, NativeScrollEvent, NativeSyntheticEvent, ScrollView } from 'react-native';
 import { IInputBase } from '../InputBase.types';
 import { RefObject } from 'react';
-export interface IDropdownInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface IDropdownInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     staticData?: any[];
     displayKey?: string;
     maxVisibleOptions?: number;

package/dist-web/components/inputBase/file-search-input/FileSearchInput.constants.d.ts

@@ -1 +1,3 @@
 export declare const SUPPORTED_MIME_TYPES: string[];
+export declare const KEY_SHIFT = "shiftKey";
+export declare const KEY_ENTER = "enter";

package/dist-web/components/inputBase/file-search-input/FileSearchInput.constants.js

@@ -1,2 +1,4 @@
 // Supported files
-export var SUPPORTED_MIME_TYPES = ['text/x-c', 'text/x-c++', 'application/csv', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'text/html', 'text/x-java', 'application/json', 'text/markdown', 'application/pdf', 'text/x-php', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'text/x-python', 'text/x-script.python', 'text/x-ruby', 'text/x-tex', 'text/plain', 'text/css', 'image/jpeg', 'image/jpeg', 'text/javascript', 'image/gif', 'image/png', 'application/x-tar', 'application/typescript', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/xml', 'text/xml', 'application/zip'];
+export var SUPPORTED_MIME_TYPES = ['text/x-c', 'text/x-c++', 'application/csv', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'text/html', 'text/x-java', 'application/json', 'text/markdown', 'application/pdf', 'text/x-php', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'text/x-python', 'text/x-script.python', 'text/x-ruby', 'text/x-tex', 'text/plain', 'text/css', 'image/jpeg', 'image/jpeg', 'text/javascript', 'image/gif', 'image/png', 'application/x-tar', 'application/typescript', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/xml', 'text/xml', 'application/zip'];
+export var KEY_SHIFT = 'shiftKey';
+export var KEY_ENTER = 'enter';

package/dist-web/components/inputBase/file-search-input/FileSearchInput.js

@@ -15,7 +15,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { View, TouchableOpacity, Text, SafeAreaView, Dimensions } from "react-native-web";
 import InputBase from "../InputBase";
@@ -33,6 +33,8 @@ import { Button } from "../../button";
 import { SkeletonItem } from "../../secondaryComponents";
 import { isWebPlatform } from "../../../helpers/functions_utils";
 import { CheckCircleFillIcon, CornerDownRightIcon, PaperclipIcon, XIcon } from "../../../assets/images/icons";
+import { KEY_ENTER, KEY_SHIFT } from "./FileSearchInput.constants";
+
 // Import DocumentPicker for mobile platforms only
 var DocumentPicker = null;
 if (!isWebPlatform()) {
@@ -454,6 +456,12 @@ var FileSearchInput = function FileSearchInput(_ref) {
       };
     }
   }, [windowHeight, windowWidth, adjustDropdownPosition]);
+  var onKeyPressHandler = function onKeyPressHandler(e) {
+    if (KEY_SHIFT in e && e.nativeEvent.key === KEY_ENTER && !e.nativeEvent.shiftKey) {
+      e.preventDefault();
+      handleSendMessage();
+    }
+  };
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(View, null, isWebPlatform() ? /*#__PURE__*/React.createElement("div", {
@@ -468,7 +476,8 @@ var FileSearchInput = function FileSearchInput(_ref) {
     onChangeText: onChangeText,
     rightButtons: buttons,
     onSubmitEditing: handleSendMessage,
-    placeholder: placeholder
+    placeholder: placeholder,
+    onKeyPress: onKeyPressHandler
   })), /*#__PURE__*/React.createElement("input", {
     type: "file",
     ref: fileInputRef,

package/dist-web/components/inputBase/password-input/PasswordInput.types.d.ts

@@ -1,5 +1,5 @@
 import { IInputBase } from '../InputBase.types';
-export interface IPasswordInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface IPasswordInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     value?: string;
     onChangeText?: (text: string) => void;
 }

package/dist-web/components/inputBase/search-input/SearchInput.js

@@ -7,7 +7,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React from 'react';
 import InputBase from "../InputBase";
 import { SearchIcon } from "../../../assets/images/icons";

package/dist-web/components/inputBase/search-input/SearchInput.types.d.ts

@@ -1,5 +1,5 @@
 import { IInputBase } from '../InputBase.types';
-export interface ISearchInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry'> {
+export interface ISearchInput extends Omit<IInputBase, 'keyboardType' | 'secureTextEntry' | 'multiline' | 'numberOfLines'> {
     value?: string;
     onChangeText?: (text: string) => void;
     onSubmit?: (text: string) => void;

package/dist-web/components/inputBase/text-input/TextInput.js

@@ -7,7 +7,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React from 'react';
 import InputBase from "../InputBase";
 import { CheckCircleFillIcon, XCircleFillIcon } from "../../../assets/images/icons";

package/dist-web/components/text-message/AnchorComponent.js

@@ -1,7 +1,7 @@
 var _excluded = ["node", "children", "href"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React from "react";
 import { INITIAL_100 } from "../../styles/colors";
 import { Linking, Text } from "react-native-web";

package/dist-web/components/text-message/CodeComponent.js

@@ -7,7 +7,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import { useState } from "react";
 import { Clipboard, StyleSheet, Text, View } from "react-native-web";
 import React from 'react';

package/dist-web/components/text-message/MarkdownUtils.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 import React, { useState } from 'react';
 import { Text, ScrollView } from "react-native-web";
 import ReactMarkdown from 'react-markdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.4.24",
+  "version": "1.4.26",
   "private": false,
   "scripts": {
     "android": "react-native run-android",