etendo-ui-library 1.3.87 → 1.3.89

package/dist-native/components/index.d.ts

@@ -1,6 +1,7 @@
 import { Button } from './button';
 import { CardDropdown } from './cards/components/cardDropdown';
 import { Input } from './input';
+import { FileSearchInput, InputBase } from './inputBase';
 import { Modal } from './modal';
 import { Navbar, DrawerLateral } from './navbar';
 import { Pagination } from './pagination';
@@ -12,4 +13,4 @@ import { ViewEtendo } from './viewEtendo/ViewEtendo';
 import { ButtonContainer, Layout, SearchContainer, TitleContainer } from './containers';
 import { Cards } from './cards';
 import { Alert, setAlertDefaultDuration, show } from './alert';
-export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, Input, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo, };
+export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, FileSearchInput, Input, InputBase, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo, };

package/dist-native/components/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Alert",{enumerable:true,get:function get(){return _alert.Alert;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _button.Button;}});Object.defineProperty(exports,"ButtonContainer",{enumerable:true,get:function get(){return _containers.ButtonContainer;}});Object.defineProperty(exports,"CardDropdown",{enumerable:true,get:function get(){return _cardDropdown.CardDropdown;}});Object.defineProperty(exports,"Cards",{enumerable:true,get:function get(){return _cards.Cards;}});Object.defineProperty(exports,"DrawerLateral",{enumerable:true,get:function get(){return _navbar.DrawerLateral;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _input.Input;}});Object.defineProperty(exports,"Layout",{enumerable:true,get:function get(){return _containers.Layout;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _modal.Modal;}});Object.defineProperty(exports,"Navbar",{enumerable:true,get:function get(){return _navbar.Navbar;}});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function get(){return _pagination.Pagination;}});Object.defineProperty(exports,"SearchContainer",{enumerable:true,get:function get(){return _containers.SearchContainer;}});Object.defineProperty(exports,"SkeletonItem",{enumerable:true,get:function get(){return _secondaryComponents.SkeletonItem;}});Object.defineProperty(exports,"StatusBar",{enumerable:true,get:function get(){return _statusbar.StatusBar;}});Object.defineProperty(exports,"Tab",{enumerable:true,get:function get(){return _tab.Tab;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _table.Table;}});Object.defineProperty(exports,"TitleContainer",{enumerable:true,get:function get(){return _containers.TitleContainer;}});Object.defineProperty(exports,"ViewEtendo",{enumerable:true,get:function get(){return _ViewEtendo.ViewEtendo;}});Object.defineProperty(exports,"setAlertDefaultDuration",{enumerable:true,get:function get(){return _alert.setAlertDefaultDuration;}});Object.defineProperty(exports,"show",{enumerable:true,get:function get(){return _alert.show;}});var _button=require("./button");var _cardDropdown=require("./cards/components/cardDropdown");var _input=require("./input");var _modal=require("./modal");var _navbar=require("./navbar");var _pagination=require("./pagination");var _secondaryComponents=require("./secondaryComponents");var _statusbar=require("./statusbar");var _tab=require("./tab");var _table=require("./table");var _ViewEtendo=require("./viewEtendo/ViewEtendo");var _containers=require("./containers");var _cards=require("./cards");var _alert=require("./alert");
+Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Alert",{enumerable:true,get:function get(){return _alert.Alert;}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _button.Button;}});Object.defineProperty(exports,"ButtonContainer",{enumerable:true,get:function get(){return _containers.ButtonContainer;}});Object.defineProperty(exports,"CardDropdown",{enumerable:true,get:function get(){return _cardDropdown.CardDropdown;}});Object.defineProperty(exports,"Cards",{enumerable:true,get:function get(){return _cards.Cards;}});Object.defineProperty(exports,"DrawerLateral",{enumerable:true,get:function get(){return _navbar.DrawerLateral;}});Object.defineProperty(exports,"FileSearchInput",{enumerable:true,get:function get(){return _inputBase.FileSearchInput;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _input.Input;}});Object.defineProperty(exports,"InputBase",{enumerable:true,get:function get(){return _inputBase.InputBase;}});Object.defineProperty(exports,"Layout",{enumerable:true,get:function get(){return _containers.Layout;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _modal.Modal;}});Object.defineProperty(exports,"Navbar",{enumerable:true,get:function get(){return _navbar.Navbar;}});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function get(){return _pagination.Pagination;}});Object.defineProperty(exports,"SearchContainer",{enumerable:true,get:function get(){return _containers.SearchContainer;}});Object.defineProperty(exports,"SkeletonItem",{enumerable:true,get:function get(){return _secondaryComponents.SkeletonItem;}});Object.defineProperty(exports,"StatusBar",{enumerable:true,get:function get(){return _statusbar.StatusBar;}});Object.defineProperty(exports,"Tab",{enumerable:true,get:function get(){return _tab.Tab;}});Object.defineProperty(exports,"Table",{enumerable:true,get:function get(){return _table.Table;}});Object.defineProperty(exports,"TitleContainer",{enumerable:true,get:function get(){return _containers.TitleContainer;}});Object.defineProperty(exports,"ViewEtendo",{enumerable:true,get:function get(){return _ViewEtendo.ViewEtendo;}});Object.defineProperty(exports,"setAlertDefaultDuration",{enumerable:true,get:function get(){return _alert.setAlertDefaultDuration;}});Object.defineProperty(exports,"show",{enumerable:true,get:function get(){return _alert.show;}});var _button=require("./button");var _cardDropdown=require("./cards/components/cardDropdown");var _input=require("./input");var _inputBase=require("./inputBase");var _modal=require("./modal");var _navbar=require("./navbar");var _pagination=require("./pagination");var _secondaryComponents=require("./secondaryComponents");var _statusbar=require("./statusbar");var _tab=require("./tab");var _table=require("./table");var _ViewEtendo=require("./viewEtendo/ViewEtendo");var _containers=require("./containers");var _cards=require("./cards");var _alert=require("./alert");

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 _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 _CheckCircleIcon=require("../../../assets/images/icons/CheckCircleIcon");var _Clipboard=require("../../../assets/images/icons/Clipboard");var _DeleteIcon=require("../../../assets/images/icons/DeleteIcon");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _alert=require("../../alert");var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","uploadFile","loadedFile","setLoadedFile","maxFileSize"];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&&Object.prototype.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(_reactNative.Platform.OS!=='web'){DocumentPicker=require('react-native-document-picker').default;}var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,uploadFile=_ref.uploadFile,loadedFile=_ref.loadedFile,setLoadedFile=_ref.setLoadedFile,_ref$maxFileSize=_ref.maxFileSize,maxFileSize=_ref$maxFileSize===void 0?512:_ref$maxFileSize,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),file=_useState2[0],setLocalFile=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isFileValid=_useState4[0],setIsFileValid=_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)(0),_useState8=(0,_slicedToArray2.default)(_useState7,2),progress=_useState8[0],setProgress=_useState8[1];var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var resetProgress=function resetProgress(){setLocalFile(null);setIsFileValid(false);setLoadingFile(false);setProgress(0);if(!!setLoadedFile)setLoadedFile(false);};var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var _file=files[0];startLoading(_file);if(!!setFile)setFile(_file);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setIsFileValid(true);setTimeout(function(){if(!!setLoadedFile)setLoadedFile(true);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(maxFileSize&&pickedFile.size>maxFileSize*1024*1024){(0,_alert.show)("File size should not exceed "+maxFileSize+" MB",'error');setIsFileValid(false);setLoadingFile(false);setLocalFile(null);return false;}setIsFileValid(true);setLoadingFile(true);setLocalFile(pickedFile);startLoading(pickedFile);try{if(!!uploadFile)yield uploadFile(pickedFile);}catch(error){console.error('Error uploading file:',error);(0,_alert.show)('Error uploading file','error');}return true;});return function validateAndLoadFile(_x){return _ref2.apply(this,arguments);};}();var handleFileButtonClick=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){if(_reactNative.Platform.OS==='web'){fileInputRef.current.click();}else if(_reactNative.Platform.OS==='android'||_reactNative.Platform.OS==='ios'){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(err){if(!DocumentPicker.isCancel(err)){console.error(err);}}}});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);if(!!uploadFile)uploadFile(file);}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.";}(0,_alert.show)(errorMessage,'error');}};var rightButtons=[];if(!!uploadFile){rightButtons.push(_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:handleFileButtonClick,iconLeft:_react.default.createElement(_Clipboard.ClipboardIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:11}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:181,columnNumber:7}}));}var handleFileSelect=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(event){var file=event.target.files[0];if(file){if(yield validateAndLoadFile(file)){startLoading(file);if(!!setFile)setFile(file);setLocalFile(file);}}event.target.value=null;});return function handleFileSelect(_x2){return _ref4.apply(this,arguments);};}();var handleDeleteFile=function handleDeleteFile(){resetProgress();setProgress(0);animateProgress(0);setLocalFile(null);setLoadingFile(false);if(!!setFile)setFile(null);if(!!setLoadedFile)setLoadedFile(false);if(fileInputRef.current){fileInputRef.current.value=null;}};(0,_react.useEffect)(function(){if(loadedFile){completeProgress();}},[loadedFile]);return _react.default.createElement(_reactNative.SafeAreaView,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:227,columnNumber:5}},_react.default.createElement(_alert.Alert,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:228,columnNumber:7}}),file&&isFileValid&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:231,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:11}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:234,columnNumber:13}}),_react.default.createElement(_reactNative.View,{style:{height:_reactNative.Platform.OS==="web"?undefined:28,width:"80%"},__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:15}},file.name),progress>0&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.progressBarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:{width:progress+"%",height:8,backgroundColor:_colors.NEUTRAL_1000,borderRadius:16},__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:19}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:11}},_react.default.createElement(_CheckCircleIcon.CheckCircleIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:248,columnNumber:13}}),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:13}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:253,columnNumber:15}})))),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:7}},_reactNative.Platform.OS==='web'?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:261,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:262,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:271,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:279,columnNumber:11}}))));};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 _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 _CheckCircleIcon=require("../../../assets/images/icons/CheckCircleIcon");var _Clipboard=require("../../../assets/images/icons/Clipboard");var _DeleteIcon=require("../../../assets/images/icons/DeleteIcon");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _alert=require("../../alert");var _excluded=["value","placeholder","onChangeText","onSubmit","setFile","uploadFile","loadedFile","setLoadedFile","maxFileSize"];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&&Object.prototype.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(_reactNative.Platform.OS!=='web'){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 FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,placeholder=_ref.placeholder,onChangeText=_ref.onChangeText,onSubmit=_ref.onSubmit,setFile=_ref.setFile,uploadFile=_ref.uploadFile,loadedFile=_ref.loadedFile,setLoadedFile=_ref.setLoadedFile,_ref$maxFileSize=_ref.maxFileSize,maxFileSize=_ref$maxFileSize===void 0?512:_ref$maxFileSize,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),file=_useState2[0],setLocalFile=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isFileValid=_useState4[0],setIsFileValid=_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)(0),_useState8=(0,_slicedToArray2.default)(_useState7,2),progress=_useState8[0],setProgress=_useState8[1];var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var resetProgress=function resetProgress(){setLocalFile(null);setIsFileValid(false);setLoadingFile(false);setProgress(0);if(!!setLoadedFile)setLoadedFile(false);};var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var _file=files[0];startLoading(_file);if(!!setFile)setFile(_file);}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setLoadingFile(false);setIsFileValid(true);setTimeout(function(){if(!!setLoadedFile)setLoadedFile(true);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(maxFileSize&&pickedFile.size>maxFileSize*1024*1024){(0,_alert.show)("File size should not exceed "+maxFileSize+" MB",'error');setIsFileValid(false);setLoadingFile(false);setLocalFile(null);return false;}setIsFileValid(true);setLoadingFile(true);setLocalFile(pickedFile);startLoading(pickedFile);try{if(!!uploadFile)yield uploadFile(pickedFile);}catch(error){console.error('Error uploading file:',error);(0,_alert.show)('Error uploading file','error');}return true;});return function validateAndLoadFile(_x){return _ref2.apply(this,arguments);};}();var handleFileButtonClick=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){if(_reactNative.Platform.OS==='web'){fileInputRef.current.click();}else if(_reactNative.Platform.OS==='android'||_reactNative.Platform.OS==='ios'){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(err){if(!DocumentPicker.isCancel(err)){console.error(err);}}}});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);if(!!uploadFile)uploadFile(file);}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.";}(0,_alert.show)(errorMessage,'error');}};var rightButtons=[];if(!!uploadFile){rightButtons.push(_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:handleFileButtonClick,iconLeft:_react.default.createElement(_Clipboard.ClipboardIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:11}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:7}}));}var handleFileSelect=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(event){var file=event.target.files[0];if(file){if(yield validateAndLoadFile(file)){startLoading(file);if(!!setFile)setFile(file);setLocalFile(file);}}event.target.value=null;});return function handleFileSelect(_x2){return _ref4.apply(this,arguments);};}();var handleDeleteFile=function handleDeleteFile(){resetProgress();setProgress(0);animateProgress(0);setLocalFile(null);setLoadingFile(false);if(!!setFile)setFile(null);if(!!setLoadedFile)setLoadedFile(false);if(fileInputRef.current){fileInputRef.current.value=null;}};(0,_react.useEffect)(function(){if(loadedFile){completeProgress();}},[loadedFile]);return _react.default.createElement(_reactNative.SafeAreaView,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:5}},_react.default.createElement(_alert.Alert,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:7}}),file&&isFileValid&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:11}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:244,columnNumber:13}}),_react.default.createElement(_reactNative.View,{style:{height:_reactNative.Platform.OS==="web"?undefined:28,width:"80%"},__self:_this,__source:{fileName:_jsxFileName,lineNumber:246,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:247,columnNumber:15}},file.name),progress>0&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.progressBarContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:{width:progress+"%",height:8,backgroundColor:_colors.NEUTRAL_1000,borderRadius:16},__self:_this,__source:{fileName:_jsxFileName,lineNumber:252,columnNumber:19}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:257,columnNumber:11}},_react.default.createElement(_CheckCircleIcon.CheckCircleIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:258,columnNumber:13}}),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:262,columnNumber:13}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:263,columnNumber:15}})))),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:7}},_reactNative.Platform.OS==='web'?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:271,columnNumber:11}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:272,columnNumber:13}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:281,columnNumber:13}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:value,onChangeText:onChangeText,onSubmit:handleSendMessage,rightButtons:rightButtons,isLoading:loadingFile,placeholder:placeholder,__self:_this,__source:{fileName:_jsxFileName,lineNumber:289,columnNumber:11}}))));};var _default=exports.default=FileSearchInput;

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

@@ -36,7 +36,7 @@ export declare const styles: {
         alignItems: "center";
         flexDirection: "row";
         gap: number;
-        width: "85%" | "75%";
+        width: "75%" | "85%";
     };
     checkCircleIcon: {
         height: number;

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

@@ -0,0 +1,2 @@
+import FileSearchInput from "./FileSearchInput";
+export { FileSearchInput };

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FileSearchInput",{enumerable:true,get:function get(){return _FileSearchInput.default;}});var _FileSearchInput=_interopRequireDefault(require("./FileSearchInput"));

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

@@ -0,0 +1,3 @@
+import { FileSearchInput } from "./file-search-input";
+import InputBase from "./InputBase";
+export { FileSearchInput, InputBase };

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"FileSearchInput",{enumerable:true,get:function get(){return _fileSearchInput.FileSearchInput;}});Object.defineProperty(exports,"InputBase",{enumerable:true,get:function get(){return _InputBase.default;}});var _fileSearchInput=require("./file-search-input");var _InputBase=_interopRequireDefault(require("./InputBase"));

package/dist-web/components/index.d.ts

@@ -1,6 +1,7 @@
 import { Button } from './button';
 import { CardDropdown } from './cards/components/cardDropdown';
 import { Input } from './input';
+import { FileSearchInput, InputBase } from './inputBase';
 import { Modal } from './modal';
 import { Navbar, DrawerLateral } from './navbar';
 import { Pagination } from './pagination';
@@ -12,4 +13,4 @@ import { ViewEtendo } from './viewEtendo/ViewEtendo';
 import { ButtonContainer, Layout, SearchContainer, TitleContainer } from './containers';
 import { Cards } from './cards';
 import { Alert, setAlertDefaultDuration, show } from './alert';
-export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, Input, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo, };
+export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, FileSearchInput, Input, InputBase, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo, };

package/dist-web/components/index.js

@@ -1,6 +1,7 @@
 import { Button } from "./button";
 import { CardDropdown } from "./cards/components/cardDropdown";
 import { Input } from "./input";
+import { FileSearchInput, InputBase } from "./inputBase";
 import { Modal } from "./modal";
 import { Navbar, DrawerLateral } from "./navbar";
 import { Pagination } from "./pagination";
@@ -12,4 +13,4 @@ import { ViewEtendo } from "./viewEtendo/ViewEtendo";
 import { ButtonContainer, Layout, SearchContainer, TitleContainer } from "./containers";
 import { Cards } from "./cards";
 import { Alert, setAlertDefaultDuration, show } from "./alert";
-export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, Input, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo };
+export { Alert, Button, ButtonContainer, CardDropdown, Cards, DrawerLateral, FileSearchInput, Input, InputBase, Layout, Modal, Navbar, Pagination, SearchContainer, setAlertDefaultDuration, show, SkeletonItem, StatusBar, Tab, Table, TitleContainer, ViewEtendo };

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

@@ -34,7 +34,15 @@ import { Alert, show } from "../../alert";
 // Import DocumentPicker for mobile platforms only
 var DocumentPicker = null;
 if (Platform.OS !== 'web') {
-  DocumentPicker = require('react-native-document-picker')["default"];
+  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 FileSearchInput = function FileSearchInput(_ref) {
   var value = _ref.value,

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

@@ -36,7 +36,7 @@ export declare const styles: {
         alignItems: "center";
         flexDirection: "row";
         gap: number;
-        width: "85%" | "75%";
+        width: "75%" | "85%";
     };
     checkCircleIcon: {
         height: number;

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

@@ -0,0 +1,2 @@
+import FileSearchInput from "./FileSearchInput";
+export { FileSearchInput };

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

@@ -0,0 +1,2 @@
+import FileSearchInput from "./FileSearchInput";
+export { FileSearchInput };

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

@@ -0,0 +1,3 @@
+import { FileSearchInput } from "./file-search-input";
+import InputBase from "./InputBase";
+export { FileSearchInput, InputBase };

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

@@ -0,0 +1,3 @@
+import { FileSearchInput } from "./file-search-input";
+import InputBase from "./InputBase";
+export { FileSearchInput, InputBase };

package/index.js

@@ -15,7 +15,9 @@ const {
   CardDropdown,
   Cards,
   DrawerLateral,
+  FileSearchInput,
   Input,
+  InputBase,
   Layout,
   Modal,
   Navbar,
@@ -121,12 +123,14 @@ export {
   DrawerLateral,
   EditIcon,
   EditNotesIcon,
+  FileSearchInput,
   GarbageIcon,
   GoIcon,
   HamburgerIcon,
   HidePasswordIcon,
   HomeIcon,
   Input,
+  InputBase,
   ItemsIcon,
   Layout,
   MenuIcon,

package/package.json

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