etendo-ui-library 1.3.28 → 1.3.30

package/dist-native/components/cards/Cards.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CardsProps } from './Cards.types';
-declare const Cards: ({ data, metadata, title, onPressCard, cardsHeight, textEmptyTable, commentEmptyTable, onLoadMoreData, onAddNewData, backgroundColor, currentPage, pageSize, isLoading, isLoadingMoreData, }: CardsProps) => React.JSX.Element;
+declare const Cards: ({ data, metadata, title, onPressCard, cardsHeight, textEmptyCards, commentEmptyCards, onLoadMoreData, onAddNewData, backgroundColor, currentPage, pageSize, isLoading, isLoadingMoreData, }: CardsProps) => React.JSX.Element;
 export default Cards;

package/dist-native/components/cards/Cards.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:5}},title&&onAddNewData&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:13}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:11}},_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.plus,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:13}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(contentWidth,contentHeight){return setContentHeight(contentHeight);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:data,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:9}}),!!data.length&&isLoading&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:40}})));};var _default=exports.default=Cards;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:5}},title&&onAddNewData&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:11}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:13}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:11}},_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.plus,__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:13}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(contentWidth,contentHeight){return setContentHeight(contentHeight);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:data,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:9}}),!!data.length&&isLoading&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:40}})));};var _default=exports.default=Cards;

package/dist-native/components/cards/Cards.style.d.ts

@@ -2,6 +2,8 @@ export declare const styles: {
     container: {
         flex: number;
         paddingTop: number;
+        maxWidth: number;
+        width: "100%";
     };
     containerFlex: {
         marginTop: number;

package/dist-native/components/cards/Cards.style.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({container:{flex:1,paddingTop:12},containerFlex:{marginTop:12,flex:1},titleContainer:{marginHorizontal:16,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex: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({container:{flex:1,paddingTop:12,maxWidth:428,width:'100%'},containerFlex:{marginTop:12,flex:1},titleContainer:{marginHorizontal:16,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});

package/dist-native/components/cards/Cards.types.d.ts

@@ -7,8 +7,8 @@ export interface CardsProps {
     cardsHeight?: DimensionValue;
     onPressCard?: (primary: string) => void;
     isLoading?: boolean;
-    textEmptyTable?: string;
-    commentEmptyTable?: string;
+    textEmptyCards?: string;
+    commentEmptyCards?: string;
     onLoadMoreData?: (currentPage?: number, pageSize?: number) => void;
     currentPage?: number;
     isLoadingMoreData?: boolean;

package/dist-native/components/cards/components/card/Card.style.d.ts

@@ -6,6 +6,7 @@ export declare const styles: {
         backgroundColor: string;
         overflow: "hidden";
         elevation: number;
+        maxWidth: number;
     };
     status: {
         height: number;

package/dist-native/components/cards/components/card/Card.style.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({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5},status:{height:8,marginBottom:8}});
+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({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380},status:{height:8,marginBottom:8}});

package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SwitchStateCardsProps } from './SwitchStateCards.types';
-declare const SwitchStateCards: ({ data, isLoading, metadata, onPressCard, textEmptyTable, commentEmptyTable, tableHeight, isTitle, }: SwitchStateCardsProps) => React.JSX.Element | React.JSX.Element[];
+declare const SwitchStateCards: ({ data, isLoading, metadata, onPressCard, textEmptyCards, commentEmptyCards, tableHeight, isTitle, }: SwitchStateCardsProps) => React.JSX.Element | React.JSX.Element[];
 export default SwitchStateCards;

package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _SkeletonCard=_interopRequireDefault(require("../skeletonCard/SkeletonCard"));var _TableEmpty=_interopRequireDefault(require("../../../../../table/components/TableEmpty"));var _Card=_interopRequireDefault(require("../../Card"));var _SkeletonCard2=require("../skeletonCard/SkeletonCard.style");var _Cards=require("../../../../Cards.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchStateCards/SwitchStateCards.tsx";var SKELETON_CARD_HEIGHT=142;var SKELETON_CARD_MARGIN_BOTTOM=_SkeletonCard2.styles.container.marginBottom;var TABLE_TITLE=_Cards.styles.titleContainer.height;var TABLE_TITLE_PADDING=_Cards.styles.container.paddingTop*2;var SwitchStateCards=function SwitchStateCards(_ref){var data=_ref.data,isLoading=_ref.isLoading,metadata=_ref.metadata,onPressCard=_ref.onPressCard,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,_ref$tableHeight=_ref.tableHeight,tableHeight=_ref$tableHeight===void 0?0:_ref$tableHeight,isTitle=_ref.isTitle;if(isLoading&&!data.length&&typeof tableHeight==='number'&&tableHeight){var numberOfSkeletons=Math.floor(tableHeight-(isTitle?TABLE_TITLE:0)-TABLE_TITLE_PADDING)/(SKELETON_CARD_HEIGHT+SKELETON_CARD_MARGIN_BOTTOM);return Array.from({length:numberOfSkeletons},function(_,index){return _react.default.createElement(_SkeletonCard.default,{key:'SkeletonCard'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:34}});});}if(!data.length){return _react.default.createElement(_TableEmpty.default,{textEmptyTable:textEmptyTable,commentEmptyTable:commentEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:7}});}var renderCard=function renderCard(item,index){return _react.default.createElement(_Card.default,{key:'Card'+index,item:item,index:index,metadata:metadata,onPress:onPressCard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:5}});};return data.map(renderCard);};var _default=exports.default=SwitchStateCards;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _SkeletonCard=_interopRequireDefault(require("../skeletonCard/SkeletonCard"));var _TableEmpty=_interopRequireDefault(require("../../../../../table/components/TableEmpty"));var _Card=_interopRequireDefault(require("../../Card"));var _SkeletonCard2=require("../skeletonCard/SkeletonCard.style");var _Cards=require("../../../../Cards.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchStateCards/SwitchStateCards.tsx";var SKELETON_CARD_HEIGHT=142;var SKELETON_CARD_MARGIN_BOTTOM=_SkeletonCard2.styles.container.marginBottom;var TABLE_TITLE=_Cards.styles.titleContainer.height;var TABLE_TITLE_PADDING=_Cards.styles.container.paddingTop*2;var SwitchStateCards=function SwitchStateCards(_ref){var data=_ref.data,isLoading=_ref.isLoading,metadata=_ref.metadata,onPressCard=_ref.onPressCard,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,_ref$tableHeight=_ref.tableHeight,tableHeight=_ref$tableHeight===void 0?0:_ref$tableHeight,isTitle=_ref.isTitle;if(isLoading&&!data.length&&typeof tableHeight==='number'&&tableHeight){var numberOfSkeletons=Math.floor(tableHeight-(isTitle?TABLE_TITLE:0)-TABLE_TITLE_PADDING)/(SKELETON_CARD_HEIGHT+SKELETON_CARD_MARGIN_BOTTOM);return Array.from({length:numberOfSkeletons},function(_,index){return _react.default.createElement(_SkeletonCard.default,{key:'SkeletonCard'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:34}});});}if(!data.length){return _react.default.createElement(_TableEmpty.default,{textEmptyTable:textEmptyCards,commentEmptyTable:commentEmptyCards,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:7}});}var renderCard=function renderCard(item,index){return _react.default.createElement(_Card.default,{key:'Card'+index,item:item,index:index,metadata:metadata,onPress:onPressCard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:5}});};return data.map(renderCard);};var _default=exports.default=SwitchStateCards;

package/dist-native/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.d.ts

@@ -5,8 +5,8 @@ export interface SwitchStateCardsProps {
     metadata: Metadata[];
     isLoading?: boolean;
     onPressCard?: (primary: string) => void;
-    textEmptyTable?: string;
-    commentEmptyTable?: string;
+    textEmptyCards?: string;
+    commentEmptyCards?: string;
     tableHeight?: DimensionValue;
     isTitle?: boolean;
 }

package/dist-native/components/modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IModalProps } from './Modal.types';
-declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleSave, imageHeader, labelCloseButton, labelSaveButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
+declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
 export default Modal;

package/dist-native/components/modal/Modal.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _button=require("../button");var _MaximizedView=_interopRequireDefault(require("./components/maximizedView/MaximizedView"));var _MinimizedView=_interopRequireDefault(require("./components/minimizedView/MinimizedView"));var _Modal=require("./Modal.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/Modal.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 Modal=function Modal(_ref){var buttons=_ref.buttons,children=_ref.children,_ref$disableTapOutsid=_ref.disableTapOutside,disableTapOutside=_ref$disableTapOutsid===void 0?false:_ref$disableTapOutsid,_ref$fullScreen=_ref.fullScreen,fullScreen=_ref$fullScreen===void 0?false:_ref$fullScreen,handleSave=_ref.handleSave,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelSaveButton=_ref.labelSaveButton,setVisible=_ref.setVisible,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var _useState=(0,_react.useState)([_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:5}}),handleSave&&labelSaveButton?_react.default.createElement(_button.Button,{typeStyle:'white',text:labelSaveButton,onPress:handleSave,__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:7}}):null]),_useState2=(0,_slicedToArray2.default)(_useState,2),buttonsToDisplay=_useState2[0],setButtonsToDisplay=_useState2[1];(0,_react.useEffect)(function(){if(buttons){setButtonsToDisplay([].concat((0,_toConsumableArray2.default)(buttons),(0,_toConsumableArray2.default)(buttonsToDisplay)));}},[]);return _react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:visible,onRequestClose:function onRequestClose(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Modal.styles.modalContainer,activeOpacity:1,onPressOut:function onPressOut(){return!disableTapOutside&&setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:11}},fullScreen?_react.default.createElement(_MaximizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,setVisible:setVisible,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:15}})))));};var _default=exports.default=Modal;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _button=require("../button");var _MaximizedView=_interopRequireDefault(require("./components/maximizedView/MaximizedView"));var _MinimizedView=_interopRequireDefault(require("./components/minimizedView/MinimizedView"));var _Modal=require("./Modal.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/Modal.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 Modal=function Modal(_ref){var buttons=_ref.buttons,children=_ref.children,_ref$disableTapOutsid=_ref.disableTapOutside,disableTapOutside=_ref$disableTapOutsid===void 0?false:_ref$disableTapOutsid,_ref$fullScreen=_ref.fullScreen,fullScreen=_ref$fullScreen===void 0?false:_ref$fullScreen,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,setVisible=_ref.setVisible,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var hasActionButton=!!handleAction&&!!labelActionButton;var actionBtn=hasActionButton&&_react.default.createElement(_button.Button,{typeStyle:"white",text:labelActionButton,onPress:handleAction,__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:5}});var butonsList=function butonsList(){return[_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:7}}),actionBtn].filter(Boolean);};var _useState=(0,_react.useState)(butonsList()),_useState2=(0,_slicedToArray2.default)(_useState,2),buttonsToDisplay=_useState2[0],setButtonsToDisplay=_useState2[1];(0,_react.useEffect)(function(){if(buttons){setButtonsToDisplay([].concat((0,_toConsumableArray2.default)(buttons),(0,_toConsumableArray2.default)(buttonsToDisplay)));}},[]);return _react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:visible,onRequestClose:function onRequestClose(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Modal.styles.modalContainer,activeOpacity:1,onPressOut:function onPressOut(){return!disableTapOutside&&setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:11}},fullScreen?_react.default.createElement(_MaximizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,setVisible:setVisible,__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:15}})))));};var _default=exports.default=Modal;

package/dist-native/components/modal/Modal.styles.d.ts

@@ -3,9 +3,7 @@ export declare const styles: {
         alignItems: "center";
         backgroundColor: string;
         flex: number;
-        height: "100%";
         justifyContent: "center";
-        width: "100%";
     };
     modalContent: {
         backgroundColor: string;
@@ -24,5 +22,6 @@ export declare const styles: {
         maxWidth: "100%";
         width: "100%";
         borderRadius: number;
+        paddingTop: number;
     };
 };

package/dist-native/components/modal/Modal.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 _table_utils=require("../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({modalContainer:{alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.5)',flex:1,height:'100%',justifyContent:'center',width:'100%'},modalContent:{backgroundColor:_colors.NEUTRAL_300,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'65%':'85%',maxWidth:'85%',padding:24,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({modalContainer:{alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.5)',flex:1,justifyContent:'center'},modalContent:{backgroundColor:_colors.NEUTRAL_300,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'65%':'85%',maxWidth:'85%',padding:0,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0,paddingTop:0}});

package/dist-native/components/modal/Modal.types.d.ts

@@ -5,11 +5,11 @@ export interface IModalProps {
     children?: ReactNode;
     disableTapOutside?: boolean;
     fullScreen?: boolean;
-    handleSave?: any;
+    handleAction?: (...params: any[]) => void;
     imageHeader?: ReactNode;
     labelCloseButton: string;
-    labelSaveButton?: string;
-    setVisible: any;
+    labelActionButton?: string;
+    setVisible: (...params: any[]) => void;
     styles?: ViewStyle;
     subtitle?: string;
     title: string;

package/dist-native/components/modal/components/maximizedView/MaximizedView.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MaximizedView=require("./MaximizedView.styles");var _button=require("../../../button");var _icons=require("../../../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/maximizedView/MaximizedView.tsx";var MaximizedView=function MaximizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,setVisible=_ref.setVisible,title=_ref.title;return _react.default.createElement(_reactNative.View,{style:{justifyContent:'flex-start'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.titleCloseContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}},_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.CancelIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:23}}),onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MaximizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},title)),(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:[buttonsToDisplay[buttonsToDisplay.length-1]],style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:11}})),children&&_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:_MaximizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:11}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:13}},children))));};var _default=exports.default=MaximizedView;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MaximizedView=require("./MaximizedView.styles");var _button=require("../../../button");var _icons=require("../../../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/maximizedView/MaximizedView.tsx";var MaximizedView=function MaximizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,setVisible=_ref.setVisible,title=_ref.title;var hasActionButton=!!buttonsToDisplay&&(buttonsToDisplay==null?void 0:buttonsToDisplay.length)>1;return _react.default.createElement(_reactNative.SafeAreaView,{style:{flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:{justifyContent:'flex-start'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_MaximizedView.styles.titleCloseContainer,{width:hasActionButton?'70%':'85%',marginRight:hasActionButton?16:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:11}},_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.CancelIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:25}}),onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MaximizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:13}},title)),hasActionButton&&buttonsToDisplay&&_react.default.createElement(_containers.ButtonContainer,{components:[buttonsToDisplay[buttonsToDisplay.length-1]],style:{justifyContent:'flex-end',paddingVertical:0,flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:13}})),children&&_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:15}},children)))));};var _default=exports.default=MaximizedView;

package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.d.ts

@@ -1,10 +1,12 @@
 export declare const styles: {
     headerContainer: {
         flexDirection: "row";
-        paddingTop: number;
         justifyContent: "space-between";
-        width: "100%";
+        maxWidth: "100%";
+        paddingTop: number;
         alignItems: "center";
+        paddingHorizontal: number;
+        width: "100%";
     };
     titleCloseContainer: {
         flexDirection: "row";
@@ -19,17 +21,14 @@ export declare const styles: {
         textAlign: "center";
     };
     childrenModalContainer: {
-        borderBottomWidth: number;
-        maxHeight: "90%";
-        alignItems: "center";
-        borderBottomColor: string;
         borderTopColor: string;
         borderTopWidth: number;
         display: "flex";
         flexDirection: "column";
         justifyContent: "center";
-        marginBottom: number;
         paddingVertical: number;
-        flex: number;
+        paddingHorizontal: number;
+        width: "100%";
+        maxHeight: "97%";
     };
 };

package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _MinimizedView=require("../minimizedView/MinimizedView.styles");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:Object.assign({},_MinimizedView.styles.headerContainer,{flexDirection:'row',paddingTop:16,justifyContent:'space-between',width:'100%'}),titleCloseContainer:{flexDirection:'row'},modalTitle:Object.assign({},_MinimizedView.styles.modalTitle,{paddingBottom:0,alignSelf:'center'}),childrenModalContainer:Object.assign({},_MinimizedView.styles.childrenModalContainer,{borderBottomWidth:0,maxHeight:'90%'})});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _MinimizedView=require("../minimizedView/MinimizedView.styles");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:Object.assign({},_MinimizedView.styles.headerContainer,{flexDirection:'row',justifyContent:'space-between',maxWidth:'100%',paddingTop:0}),titleCloseContainer:{flexDirection:'row'},modalTitle:Object.assign({},_MinimizedView.styles.modalTitle,{paddingBottom:0,alignSelf:'center'}),childrenModalContainer:{borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,display:'flex',flexDirection:'column',justifyContent:'center',paddingVertical:8,paddingHorizontal:24,width:'100%',maxHeight:'97%'}});

package/dist-native/components/modal/components/maximizedView/MaximizedView.types.d.ts

@@ -3,7 +3,7 @@ export interface IMaximizedViewProps {
     buttonsToDisplay?: ReactNode[];
     children?: ReactNode;
     imageHeader?: ReactNode;
-    setVisible: any;
+    setVisible: (...params: any[]) => void;
     subtitle?: string;
     title: string;
 }

package/dist-native/components/modal/components/minimizedView/MinimizedView.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MinimizedView=require("./MinimizedView.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:9}},_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:{maxHeight:'100%'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:15}},children)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:11}})));};var _default=exports.default=MinimizedView;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MinimizedView=require("./MinimizedView.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:9}},_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:{maxHeight:'100%'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:15}},children)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:11}})));};var _default=exports.default=MinimizedView;

package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts

@@ -3,6 +3,9 @@ export declare const styles: {
         alignItems: "center";
         flexDirection: "column";
         justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingTop: number;
+        width: "100%";
     };
     imageHeaderContainer: {
         alignItems: "center";
@@ -34,17 +37,17 @@ export declare const styles: {
         borderBottomWidth: number;
         borderTopColor: string;
         borderTopWidth: number;
-        display: "flex";
         flexDirection: "column";
         justifyContent: "center";
-        marginBottom: number;
+        maxHeight: number;
+        paddingHorizontal: number;
         paddingVertical: number;
-        flex: number;
     };
     buttonModalContainer: {
         flexDirection: "row";
         justifyContent: "flex-end";
         height: "auto";
+        padding: number;
     };
     buttonContainer: {
         width: "40%" | "45%";

package/dist-native/components/modal/components/minimizedView/MinimizedView.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 _table_utils=require("../../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:16},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'500',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,display:'flex',flexDirection:'column',justifyContent:'center',marginBottom:12,paddingVertical:8,flex:1},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end',height:'auto'},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var DIFFERENCE_HEIGHT=500;var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between',paddingHorizontal:24,paddingTop:24,width:'100%'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:12},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'500',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',justifyContent:'center',maxHeight:_reactNative.Dimensions.get('window').height-DIFFERENCE_HEIGHT,paddingHorizontal:24,paddingVertical:8},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end',height:'auto',padding:12},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});

package/dist-native/types/table.types.d.ts

@@ -1,10 +1,8 @@
-import { DimensionValue } from 'react-native';
 export type Metadata = {
     primary?: boolean;
     visible?: boolean;
     label?: string;
     key?: string;
     type?: 'number' | 'string' | 'boolean' | 'date';
-    width?: DimensionValue;
     title?: boolean;
 };

package/dist-web/components/cards/Cards.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CardsProps } from './Cards.types';
-declare const Cards: ({ data, metadata, title, onPressCard, cardsHeight, textEmptyTable, commentEmptyTable, onLoadMoreData, onAddNewData, backgroundColor, currentPage, pageSize, isLoading, isLoadingMoreData, }: CardsProps) => React.JSX.Element;
+declare const Cards: ({ data, metadata, title, onPressCard, cardsHeight, textEmptyCards, commentEmptyCards, onLoadMoreData, onAddNewData, backgroundColor, currentPage, pageSize, isLoading, isLoadingMoreData, }: CardsProps) => React.JSX.Element;
 export default Cards;

package/dist-web/components/cards/Cards.js

@@ -23,8 +23,8 @@ var Cards = function Cards(_ref) {
     title = _ref.title,
     onPressCard = _ref.onPressCard,
     cardsHeight = _ref.cardsHeight,
-    textEmptyTable = _ref.textEmptyTable,
-    commentEmptyTable = _ref.commentEmptyTable,
+    textEmptyCards = _ref.textEmptyCards,
+    commentEmptyCards = _ref.commentEmptyCards,
     onLoadMoreData = _ref.onLoadMoreData,
     onAddNewData = _ref.onAddNewData,
     backgroundColor = _ref.backgroundColor,
@@ -125,8 +125,8 @@ var Cards = function Cards(_ref) {
     isLoading: isLoading,
     metadata: metadata,
     onPressCard: onPressCard,
-    commentEmptyTable: commentEmptyTable,
-    textEmptyTable: textEmptyTable,
+    commentEmptyCards: commentEmptyCards,
+    textEmptyCards: textEmptyCards,
     tableHeight: containerHeight,
     isTitle: !!title && !!onAddNewData
   }), !!data.length && isLoading && /*#__PURE__*/React.createElement(SkeletonCard, null)));

package/dist-web/components/cards/Cards.style.d.ts

@@ -2,6 +2,8 @@ export declare const styles: {
     container: {
         flex: number;
         paddingTop: number;
+        maxWidth: number;
+        width: "100%";
     };
     containerFlex: {
         marginTop: number;

package/dist-web/components/cards/Cards.style.js

@@ -3,7 +3,9 @@ import { PRIMARY_100 } from "../../styles/colors";
 export var styles = StyleSheet.create({
   container: {
     flex: 1,
-    paddingTop: 12
+    paddingTop: 12,
+    maxWidth: 428,
+    width: '100%'
   },
   containerFlex: {
     marginTop: 12,

package/dist-web/components/cards/Cards.types.d.ts

@@ -7,8 +7,8 @@ export interface CardsProps {
     cardsHeight?: DimensionValue;
     onPressCard?: (primary: string) => void;
     isLoading?: boolean;
-    textEmptyTable?: string;
-    commentEmptyTable?: string;
+    textEmptyCards?: string;
+    commentEmptyCards?: string;
     onLoadMoreData?: (currentPage?: number, pageSize?: number) => void;
     currentPage?: number;
     isLoadingMoreData?: boolean;

package/dist-web/components/cards/components/card/Card.style.d.ts

@@ -6,6 +6,7 @@ export declare const styles: {
         backgroundColor: string;
         overflow: "hidden";
         elevation: number;
+        maxWidth: number;
     };
     status: {
         height: number;

package/dist-web/components/cards/components/card/Card.style.js

@@ -7,7 +7,8 @@ export var styles = StyleSheet.create({
     marginBottom: 12,
     backgroundColor: NEUTRAL_50,
     overflow: 'hidden',
-    elevation: 5
+    elevation: 5,
+    maxWidth: 380
   },
   status: {
     height: 8,

package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SwitchStateCardsProps } from './SwitchStateCards.types';
-declare const SwitchStateCards: ({ data, isLoading, metadata, onPressCard, textEmptyTable, commentEmptyTable, tableHeight, isTitle, }: SwitchStateCardsProps) => React.JSX.Element | React.JSX.Element[];
+declare const SwitchStateCards: ({ data, isLoading, metadata, onPressCard, textEmptyCards, commentEmptyCards, tableHeight, isTitle, }: SwitchStateCardsProps) => React.JSX.Element | React.JSX.Element[];
 export default SwitchStateCards;

package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.js

@@ -13,8 +13,8 @@ var SwitchStateCards = function SwitchStateCards(_ref) {
     isLoading = _ref.isLoading,
     metadata = _ref.metadata,
     onPressCard = _ref.onPressCard,
-    textEmptyTable = _ref.textEmptyTable,
-    commentEmptyTable = _ref.commentEmptyTable,
+    textEmptyCards = _ref.textEmptyCards,
+    commentEmptyCards = _ref.commentEmptyCards,
     _ref$tableHeight = _ref.tableHeight,
     tableHeight = _ref$tableHeight === void 0 ? 0 : _ref$tableHeight,
     isTitle = _ref.isTitle;
@@ -30,8 +30,8 @@ var SwitchStateCards = function SwitchStateCards(_ref) {
   }
   if (!data.length) {
     return /*#__PURE__*/React.createElement(TableEmpty, {
-      textEmptyTable: textEmptyTable,
-      commentEmptyTable: commentEmptyTable
+      textEmptyTable: textEmptyCards,
+      commentEmptyTable: commentEmptyCards
     });
   }
   var renderCard = function renderCard(item, index) {

package/dist-web/components/cards/components/card/components/switchStateCards/SwitchStateCards.types.d.ts

@@ -5,8 +5,8 @@ export interface SwitchStateCardsProps {
     metadata: Metadata[];
     isLoading?: boolean;
     onPressCard?: (primary: string) => void;
-    textEmptyTable?: string;
-    commentEmptyTable?: string;
+    textEmptyCards?: string;
+    commentEmptyCards?: string;
     tableHeight?: DimensionValue;
     isTitle?: boolean;
 }

package/dist-web/components/modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IModalProps } from './Modal.types';
-declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleSave, imageHeader, labelCloseButton, labelSaveButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
+declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
 export default Modal;

package/dist-web/components/modal/Modal.js

@@ -21,25 +21,30 @@ var Modal = function Modal(_ref) {
     disableTapOutside = _ref$disableTapOutsid === void 0 ? false : _ref$disableTapOutsid,
     _ref$fullScreen = _ref.fullScreen,
     fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
-    handleSave = _ref.handleSave,
+    handleAction = _ref.handleAction,
     imageHeader = _ref.imageHeader,
     labelCloseButton = _ref.labelCloseButton,
-    labelSaveButton = _ref.labelSaveButton,
+    labelActionButton = _ref.labelActionButton,
     setVisible = _ref.setVisible,
     subtitle = _ref.subtitle,
     title = _ref.title,
     visible = _ref.visible;
-  var _useState = useState([/*#__PURE__*/React.createElement(Button, {
+  var hasActionButton = !!handleAction && !!labelActionButton;
+  var actionBtn = hasActionButton && /*#__PURE__*/React.createElement(Button, {
+    typeStyle: "white",
+    text: labelActionButton,
+    onPress: handleAction
+  });
+  var butonsList = function butonsList() {
+    return [/*#__PURE__*/React.createElement(Button, {
       typeStyle: 'white',
       text: labelCloseButton,
       onPress: function onPress() {
         return setVisible(false);
       }
-    }), handleSave && labelSaveButton ? /*#__PURE__*/React.createElement(Button, {
-      typeStyle: 'white',
-      text: labelSaveButton,
-      onPress: handleSave
-    }) : null]),
+    }), actionBtn].filter(Boolean);
+  };
+  var _useState = useState(butonsList()),
     _useState2 = _slicedToArray(_useState, 2),
     buttonsToDisplay = _useState2[0],
     setButtonsToDisplay = _useState2[1];

package/dist-web/components/modal/Modal.styles.d.ts

@@ -3,9 +3,7 @@ export declare const styles: {
         alignItems: "center";
         backgroundColor: string;
         flex: number;
-        height: "100%";
         justifyContent: "center";
-        width: "100%";
     };
     modalContent: {
         backgroundColor: string;
@@ -24,5 +22,6 @@ export declare const styles: {
         maxWidth: "100%";
         width: "100%";
         borderRadius: number;
+        paddingTop: number;
     };
 };

package/dist-web/components/modal/Modal.styles.js

@@ -6,9 +6,7 @@ export var styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     flex: 1,
-    height: '100%',
-    justifyContent: 'center',
-    width: '100%'
+    justifyContent: 'center'
   },
   modalContent: {
     backgroundColor: NEUTRAL_300,
@@ -18,7 +16,7 @@ export var styles = StyleSheet.create({
     justifyContent: 'space-between',
     maxHeight: isDeviceTablet ? '65%' : '85%',
     maxWidth: '85%',
-    padding: 24,
+    padding: 0,
     width: 'auto'
   },
   modalFullScreen: {
@@ -26,6 +24,7 @@ export var styles = StyleSheet.create({
     maxHeight: '100%',
     maxWidth: '100%',
     width: '100%',
-    borderRadius: 0
+    borderRadius: 0,
+    paddingTop: 0
   }
 });

package/dist-web/components/modal/Modal.types.d.ts

@@ -5,11 +5,11 @@ export interface IModalProps {
     children?: ReactNode;
     disableTapOutside?: boolean;
     fullScreen?: boolean;
-    handleSave?: any;
+    handleAction?: (...params: any[]) => void;
     imageHeader?: ReactNode;
     labelCloseButton: string;
-    labelSaveButton?: string;
-    setVisible: any;
+    labelActionButton?: string;
+    setVisible: (...params: any[]) => void;
     styles?: ViewStyle;
     subtitle?: string;
     title: string;

package/dist-web/components/modal/components/maximizedView/MaximizedView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from "react-native-web";
+import { SafeAreaView, ScrollView, Text, View } from "react-native-web";
 import { ButtonContainer } from "../../../containers";
 import { styles } from "./MaximizedView.styles";
 import { Button } from "../../../button";
@@ -9,14 +9,22 @@ var MaximizedView = function MaximizedView(_ref) {
     children = _ref.children,
     setVisible = _ref.setVisible,
     title = _ref.title;
-  return /*#__PURE__*/React.createElement(View, {
+  var hasActionButton = !!buttonsToDisplay && (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) > 1;
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       justifyContent: 'flex-start'
     }
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.headerContainer
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.titleCloseContainer
+    style: [styles.titleCloseContainer, {
+      width: hasActionButton ? '70%' : '85%',
+      marginRight: hasActionButton ? 16 : 0
+    }]
   }, /*#__PURE__*/React.createElement(Button, {
     typeStyle: 'white',
     iconLeft: /*#__PURE__*/React.createElement(CancelIcon, null),
@@ -27,14 +35,14 @@ var MaximizedView = function MaximizedView(_ref) {
     numberOfLines: 1,
     style: styles.modalTitle,
     ellipsizeMode: "tail"
-  }, title)), (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(ButtonContainer, {
+  }, title)), hasActionButton && buttonsToDisplay && /*#__PURE__*/React.createElement(ButtonContainer, {
     components: [buttonsToDisplay[buttonsToDisplay.length - 1]],
     style: {
       justifyContent: 'flex-end',
-      paddingVertical: 0
+      paddingVertical: 0,
+      flex: 1
     }
-  })), children && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    activeOpacity: 1,
+  })), children && /*#__PURE__*/React.createElement(View, {
     style: styles.childrenModalContainer
   }, /*#__PURE__*/React.createElement(ScrollView, {
     style: {
@@ -44,6 +52,6 @@ var MaximizedView = function MaximizedView(_ref) {
     onStartShouldSetResponder: function onStartShouldSetResponder() {
       return true;
     }
-  }, children))));
+  }, children)))));
 };
 export default MaximizedView;

package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts

@@ -1,10 +1,12 @@
 export declare const styles: {
     headerContainer: {
         flexDirection: "row";
-        paddingTop: number;
         justifyContent: "space-between";
-        width: "100%";
+        maxWidth: "100%";
+        paddingTop: number;
         alignItems: "center";
+        paddingHorizontal: number;
+        width: "100%";
     };
     titleCloseContainer: {
         flexDirection: "row";
@@ -19,17 +21,14 @@ export declare const styles: {
         textAlign: "center";
     };
     childrenModalContainer: {
-        borderBottomWidth: number;
-        maxHeight: "90%";
-        alignItems: "center";
-        borderBottomColor: string;
         borderTopColor: string;
         borderTopWidth: number;
         display: "flex";
         flexDirection: "column";
         justifyContent: "center";
-        marginBottom: number;
         paddingVertical: number;
-        flex: number;
+        paddingHorizontal: number;
+        width: "100%";
+        maxHeight: "97%";
     };
 };

package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.js

@@ -6,12 +6,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import { StyleSheet } from "react-native-web";
 import { styles as modalBasicStyles } from "../minimizedView/MinimizedView.styles";
+import { NEUTRAL_400 } from "../../../../styles/colors";
 export var styles = StyleSheet.create({
   headerContainer: _objectSpread(_objectSpread({}, modalBasicStyles.headerContainer), {}, {
     flexDirection: 'row',
-    paddingTop: 16,
     justifyContent: 'space-between',
-    width: '100%'
+    maxWidth: '100%',
+    paddingTop: 0
   }),
   titleCloseContainer: {
     flexDirection: 'row'
@@ -20,8 +21,15 @@ export var styles = StyleSheet.create({
     paddingBottom: 0,
     alignSelf: 'center'
   }),
-  childrenModalContainer: _objectSpread(_objectSpread({}, modalBasicStyles.childrenModalContainer), {}, {
-    borderBottomWidth: 0,
-    maxHeight: '90%'
-  })
+  childrenModalContainer: {
+    borderTopColor: NEUTRAL_400,
+    borderTopWidth: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 24,
+    width: '100%',
+    maxHeight: '97%'
+  }
 });

package/dist-web/components/modal/components/maximizedView/MaximizedView.types.d.ts

@@ -3,7 +3,7 @@ export interface IMaximizedViewProps {
     buttonsToDisplay?: ReactNode[];
     children?: ReactNode;
     imageHeader?: ReactNode;
-    setVisible: any;
+    setVisible: (...params: any[]) => void;
     subtitle?: string;
     title: string;
 }

package/dist-web/components/modal/components/minimizedView/MinimizedView.js

@@ -8,7 +8,7 @@ var MinimizedView = function MinimizedView(_ref) {
     imageHeader = _ref.imageHeader,
     subtitle = _ref.subtitle,
     title = _ref.title;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
     style: styles.headerContainer
   }, imageHeader && /*#__PURE__*/React.createElement(View, {
     style: styles.imageHeaderContainer

package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts

@@ -3,6 +3,9 @@ export declare const styles: {
         alignItems: "center";
         flexDirection: "column";
         justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingTop: number;
+        width: "100%";
     };
     imageHeaderContainer: {
         alignItems: "center";
@@ -34,17 +37,17 @@ export declare const styles: {
         borderBottomWidth: number;
         borderTopColor: string;
         borderTopWidth: number;
-        display: "flex";
         flexDirection: "column";
         justifyContent: "center";
-        marginBottom: number;
+        maxHeight: number;
+        paddingHorizontal: number;
         paddingVertical: number;
-        flex: number;
     };
     buttonModalContainer: {
         flexDirection: "row";
         justifyContent: "flex-end";
         height: "auto";
+        padding: number;
     };
     buttonContainer: {
         width: "40%" | "45%";

package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js

@@ -1,17 +1,21 @@
-import { StyleSheet } from "react-native-web";
+import { Dimensions, StyleSheet } from "react-native-web";
 import { NEUTRAL_400, NEUTRAL_800, PRIMARY_100 } from "../../../../styles/colors";
 import { isDeviceTablet } from "../../../../helpers/table_utils";
+var DIFFERENCE_HEIGHT = 500;
 export var styles = StyleSheet.create({
   headerContainer: {
     alignItems: 'center',
     flexDirection: 'column',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    paddingHorizontal: 24,
+    paddingTop: 24,
+    width: '100%'
   },
   imageHeaderContainer: {
     alignItems: 'center',
     flexDirection: 'row',
     justifyContent: 'center',
-    paddingBottom: 16
+    paddingBottom: 12
   },
   modalTitle: {
     alignSelf: 'flex-start',
@@ -37,17 +41,17 @@ export var styles = StyleSheet.create({
     borderBottomWidth: 1,
     borderTopColor: NEUTRAL_400,
     borderTopWidth: 1,
-    display: 'flex',
     flexDirection: 'column',
     justifyContent: 'center',
-    marginBottom: 12,
-    paddingVertical: 8,
-    flex: 1
+    maxHeight: Dimensions.get('window').height - DIFFERENCE_HEIGHT,
+    paddingHorizontal: 24,
+    paddingVertical: 8
   },
   buttonModalContainer: {
     flexDirection: 'row',
     justifyContent: 'flex-end',
-    height: 'auto'
+    height: 'auto',
+    padding: 12
   },
   buttonContainer: {
     width: isDeviceTablet ? '40%' : '45%'

package/dist-web/types/table.types.d.ts

@@ -1,10 +1,8 @@
-import { DimensionValue } from 'react-native';
 export type Metadata = {
     primary?: boolean;
     visible?: boolean;
     label?: string;
     key?: string;
     type?: 'number' | 'string' | 'boolean' | 'date';
-    width?: DimensionValue;
     title?: boolean;
 };

package/package.json

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