etendo-ui-library 1.3.45 → 1.3.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist-native/components/containers/buttonContainer/ButtonContainer.js +1 -1
  2. package/dist-native/components/containers/buttonContainer/ButtonContainer.types.d.ts +1 -1
  3. package/dist-native/components/containers/searchContainer/SearchContainer.js +1 -1
  4. package/dist-native/components/containers/searchContainer/SearchContainer.types.d.ts +1 -1
  5. package/dist-native/components/modal/Modal.d.ts +1 -1
  6. package/dist-native/components/modal/Modal.js +1 -1
  7. package/dist-native/components/modal/Modal.styles.d.ts +1 -0
  8. package/dist-native/components/modal/Modal.styles.js +1 -1
  9. package/dist-native/components/modal/Modal.types.d.ts +1 -1
  10. package/dist-native/components/modal/components/maximizedView/MaximizedView.js +1 -1
  11. package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.d.ts +5 -0
  12. package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.js +1 -1
  13. package/dist-native/components/modal/components/minimizedView/MinimizedView.js +1 -1
  14. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts +2 -1
  15. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js +1 -1
  16. package/dist-native/components/table/Table.js +1 -1
  17. package/dist-web/components/containers/buttonContainer/ButtonContainer.js +3 -3
  18. package/dist-web/components/containers/buttonContainer/ButtonContainer.types.d.ts +1 -1
  19. package/dist-web/components/containers/searchContainer/SearchContainer.js +2 -2
  20. package/dist-web/components/containers/searchContainer/SearchContainer.types.d.ts +1 -1
  21. package/dist-web/components/modal/Modal.d.ts +1 -1
  22. package/dist-web/components/modal/Modal.js +5 -5
  23. package/dist-web/components/modal/Modal.styles.d.ts +1 -0
  24. package/dist-web/components/modal/Modal.styles.js +2 -1
  25. package/dist-web/components/modal/Modal.types.d.ts +1 -1
  26. package/dist-web/components/modal/components/maximizedView/MaximizedView.js +2 -6
  27. package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts +5 -0
  28. package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.js +5 -0
  29. package/dist-web/components/modal/components/minimizedView/MinimizedView.js +2 -5
  30. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts +2 -1
  31. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js +2 -2
  32. package/dist-web/components/table/Table.js +1 -1
  33. package/package.json +1 -1
@@ -1 +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 _ButtonContainer=require("./ButtonContainer.default");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/buttonContainer/ButtonContainer.tsx";var ButtonContainer=function ButtonContainer(_ref){var components=_ref.components,style=_ref.style;return _react.default.createElement(_reactNative.View,{style:[_ButtonContainer.DEFAULT_BUTTON_CONTAINER,style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},components.map(function(component,index){return _react.default.createElement(_reactNative.View,{key:index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:9}},component);}));};var _default=exports.default=ButtonContainer;
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 _ButtonContainer=require("./ButtonContainer.default");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/buttonContainer/ButtonContainer.tsx";var ButtonContainer=function ButtonContainer(_ref){var buttons=_ref.buttons,style=_ref.style;return _react.default.createElement(_reactNative.View,{style:[_ButtonContainer.DEFAULT_BUTTON_CONTAINER,style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},buttons.map(function(button,index){return _react.default.createElement(_reactNative.View,{key:index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:9}},button);}));};var _default=exports.default=ButtonContainer;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { StyleProp, ViewStyle } from 'react-native';
3
3
  export interface IButtonContainer {
4
- components: ReactNode[];
4
+ buttons: ReactNode[];
5
5
  style?: StyleProp<ViewStyle>;
6
6
  }
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SearchContainer=require("./SearchContainer.default");var _SearchContainer2=require("./SearchContainer.styles");var _input=require("../../input");var _buttonContainer=require("../buttonContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/searchContainer/SearchContainer.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 SearchContainer=function SearchContainer(_ref){var value=_ref.value,components=_ref.components,style=_ref.style,_onSubmit=_ref.onSubmit,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?'':_ref$placeholder,_ref$height=_ref.height,height=_ref$height===void 0?50:_ref$height,widthSearchInput=_ref.widthSearchInput;var _useState=(0,_react.useState)(value?value:''),_useState2=(0,_slicedToArray2.default)(_useState,2),valueContainer=_useState2[0],setValueContainer=_useState2[1];return _react.default.createElement(_reactNative.View,{style:[_SearchContainer.DEFAULT_SEARCH_CONTAINER,style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_SearchContainer2.styles.inputContainer,widthSearchInput?{width:widthSearchInput}:null],__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}},_react.default.createElement(_input.Input,{value:valueContainer,onChangeText:function onChangeText(valueChange){setValueContainer(valueChange);},onSubmit:function onSubmit(){return _onSubmit(valueContainer);},placeholder:placeholder,typeField:"textInputSearch",height:height,__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:9}})),_react.default.createElement(_buttonContainer.ButtonContainer,{components:components,style:{paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:7}}));};var _default=exports.default=SearchContainer;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SearchContainer=require("./SearchContainer.default");var _SearchContainer2=require("./SearchContainer.styles");var _input=require("../../input");var _buttonContainer=require("../buttonContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/searchContainer/SearchContainer.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 SearchContainer=function SearchContainer(_ref){var value=_ref.value,buttons=_ref.buttons,style=_ref.style,_onSubmit=_ref.onSubmit,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?'':_ref$placeholder,_ref$height=_ref.height,height=_ref$height===void 0?50:_ref$height,widthSearchInput=_ref.widthSearchInput;var _useState=(0,_react.useState)(value?value:''),_useState2=(0,_slicedToArray2.default)(_useState,2),valueContainer=_useState2[0],setValueContainer=_useState2[1];return _react.default.createElement(_reactNative.View,{style:[_SearchContainer.DEFAULT_SEARCH_CONTAINER,style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_SearchContainer2.styles.inputContainer,widthSearchInput?{width:widthSearchInput}:null],__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}},_react.default.createElement(_input.Input,{value:valueContainer,onChangeText:function onChangeText(valueChange){setValueContainer(valueChange);},onSubmit:function onSubmit(){return _onSubmit(valueContainer);},placeholder:placeholder,typeField:"textInputSearch",height:height,__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:9}})),_react.default.createElement(_buttonContainer.ButtonContainer,{buttons:buttons,style:{paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:7}}));};var _default=exports.default=SearchContainer;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
3
3
  export interface ISearchContainer {
4
- components: ReactNode[];
4
+ buttons: ReactNode[];
5
5
  style?: StyleProp<ViewStyle>;
6
6
  value?: string;
7
7
  onSubmit: (...params: any[]) => void;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { IModalProps } from './Modal.types';
3
- declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
3
+ declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
4
4
  export default Modal;
@@ -1 +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,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)));}},[buttons,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:55,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:60,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,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:68,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:15}})))));};var _default=exports.default=Modal;
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,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,showModal=_ref.showModal,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 showModal(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)));}},[buttons,buttonsToDisplay]);return _react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:visible,onRequestClose:function onRequestClose(){return showModal(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Modal.styles.modalContainer,activeOpacity:1,onPressOut:function onPressOut(){return!disableTapOutside&&showModal(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:11}},fullScreen?_react.default.createElement(_MaximizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,setVisible:showModal,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:15}})))));};var _default=exports.default=Modal;
@@ -15,6 +15,7 @@ export declare const styles: {
15
15
  maxWidth: "85%";
16
16
  padding: number;
17
17
  width: "auto";
18
+ minHeight: number;
18
19
  };
19
20
  modalFullScreen: {
20
21
  height: "100%";
@@ -1 +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,justifyContent:'center'},modalContent:{backgroundColor:_colors.NEUTRAL_50,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}});
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,justifyContent:'center'},modalContent:{backgroundColor:_colors.NEUTRAL_50,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'65%':'85%',maxWidth:'85%',padding:0,width:'auto',minHeight:250},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0,paddingTop:0}});
@@ -9,7 +9,7 @@ export interface IModalProps {
9
9
  imageHeader?: ReactNode;
10
10
  labelCloseButton: string;
11
11
  labelActionButton?: string;
12
- setVisible: (...params: any[]) => void;
12
+ showModal: (...params: any[]) => void;
13
13
  styles?: ViewStyle;
14
14
  subtitle?: string;
15
15
  title: string;
@@ -1 +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;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;
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;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:17,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:{justifyContent:'flex-start'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,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:20,columnNumber:11}},_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.CancelIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:25}}),onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MaximizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:13}},title)),hasActionButton&&buttonsToDisplay&&_react.default.createElement(_containers.ButtonContainer,{buttons:[buttonsToDisplay[buttonsToDisplay.length-1]],style:_MaximizedView.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:13}})),children&&_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:15}},children)))));};var _default=exports.default=MaximizedView;
@@ -32,4 +32,9 @@ export declare const styles: {
32
32
  width: "100%";
33
33
  maxHeight: "97%";
34
34
  };
35
+ buttonContainer: {
36
+ justifyContent: "flex-end";
37
+ paddingVertical: number;
38
+ flex: number;
39
+ };
35
40
  };
@@ -1 +1 @@
1
- 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,paddingHorizontal:12}),titleCloseContainer:{flexDirection:'row',paddingRight:20},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%'}});
1
+ 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,paddingHorizontal:12}),titleCloseContainer:{flexDirection:'row',paddingRight:20},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%'},buttonContainer:{justifyContent:'flex-end',paddingVertical:0,flex:1}});
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(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";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 MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;var _useState=(0,_react.useState)(_reactNative.Dimensions.get('window').height/4),_useState2=(0,_slicedToArray2.default)(_useState,2),currentDimensions=_useState2[0],setcurrentDimensions=_useState2[1];(0,_react.useEffect)(function(){var subscription=_reactNative.Dimensions.addEventListener('change',function(_ref2){var window=_ref2.window;setcurrentDimensions(window.height/4);});return function(){return subscription==null?void 0:subscription.remove();};});return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.View,{style:[_reactNative.Platform.OS==='web'?_MinimizedView.styles.childrenModalContainerWeb:_MinimizedView.styles.childrenModalContainer,{maxHeight:currentDimensions}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,__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)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,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:67,columnNumber:11}})));};var _default=exports.default=MinimizedView;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(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";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 MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;var _useState=(0,_react.useState)(_reactNative.Dimensions.get('window').height/4),_useState2=(0,_slicedToArray2.default)(_useState,2),currentDimensions=_useState2[0],setcurrentDimensions=_useState2[1];(0,_react.useEffect)(function(){var subscription=_reactNative.Dimensions.addEventListener('change',function(_ref2){var window=_ref2.window;setcurrentDimensions(window.height/4);});return function(){return subscription==null?void 0:subscription.remove();};});return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.View,{style:[_reactNative.Platform.OS==='web'?_MinimizedView.styles.childrenModalContainerWeb:_MinimizedView.styles.childrenModalContainer,{maxHeight:currentDimensions}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,__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)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{buttons:buttonsToDisplay,style:_MinimizedView.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:11}})));};var _default=exports.default=MinimizedView;
@@ -61,6 +61,7 @@ export declare const styles: {
61
61
  padding: number;
62
62
  };
63
63
  buttonContainer: {
64
- width: "40%" | "45%";
64
+ justifyContent: "flex-end";
65
+ paddingVertical: number;
65
66
  };
66
67
  };
@@ -1 +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 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:'600',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainerWeb:{borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',paddingHorizontal:24,paddingVertical:8,maxHeight:_reactNative.Dimensions.get('screen').height/4,overflowY:'scroll'},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%'}});
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");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:'600',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainerWeb:{borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',paddingHorizontal:24,paddingVertical:8,maxHeight:_reactNative.Dimensions.get('screen').height/4,overflowY:'scroll'},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:{justifyContent:'flex-end',paddingVertical:0}});
@@ -1 +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 _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var _containers=require("../containers");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?3:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){if(onRowPress){onRowPress((0,_table_utils.findPrimaryId)(columns,item));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{components:col.components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:7}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(_TableEmpty.default,{commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:11}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:7}}));};var _default=exports.default=Table;
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 _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var _containers=require("../containers");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?3:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){if(onRowPress){onRowPress((0,_table_utils.findPrimaryId)(columns,item));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{buttons:col.components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:7}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(_TableEmpty.default,{commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:11}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:7}}));};var _default=exports.default=Table;
@@ -2,14 +2,14 @@ import React from 'react';
2
2
  import { View } from "react-native-web";
3
3
  import { DEFAULT_BUTTON_CONTAINER } from "./ButtonContainer.default";
4
4
  var ButtonContainer = function ButtonContainer(_ref) {
5
- var components = _ref.components,
5
+ var buttons = _ref.buttons,
6
6
  style = _ref.style;
7
7
  return /*#__PURE__*/React.createElement(View, {
8
8
  style: [DEFAULT_BUTTON_CONTAINER, style]
9
- }, components.map(function (component, index) {
9
+ }, buttons.map(function (button, index) {
10
10
  return /*#__PURE__*/React.createElement(View, {
11
11
  key: index
12
- }, component);
12
+ }, button);
13
13
  }));
14
14
  };
15
15
  export default ButtonContainer;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { StyleProp, ViewStyle } from 'react-native';
3
3
  export interface IButtonContainer {
4
- components: ReactNode[];
4
+ buttons: ReactNode[];
5
5
  style?: StyleProp<ViewStyle>;
6
6
  }
@@ -12,7 +12,7 @@ import { Input } from "../../input";
12
12
  import { ButtonContainer } from "../buttonContainer";
13
13
  var SearchContainer = function SearchContainer(_ref) {
14
14
  var value = _ref.value,
15
- components = _ref.components,
15
+ buttons = _ref.buttons,
16
16
  style = _ref.style,
17
17
  _onSubmit = _ref.onSubmit,
18
18
  _ref$placeholder = _ref.placeholder,
@@ -42,7 +42,7 @@ var SearchContainer = function SearchContainer(_ref) {
42
42
  typeField: "textInputSearch",
43
43
  height: height
44
44
  })), /*#__PURE__*/React.createElement(ButtonContainer, {
45
- components: components,
45
+ buttons: buttons,
46
46
  style: {
47
47
  paddingVertical: 0
48
48
  }
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
3
3
  export interface ISearchContainer {
4
- components: ReactNode[];
4
+ buttons: ReactNode[];
5
5
  style?: StyleProp<ViewStyle>;
6
6
  value?: string;
7
7
  onSubmit: (...params: any[]) => void;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { IModalProps } from './Modal.types';
3
- declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
3
+ declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleAction, imageHeader, labelCloseButton, labelActionButton, showModal, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
4
4
  export default Modal;
@@ -25,7 +25,7 @@ var Modal = function Modal(_ref) {
25
25
  imageHeader = _ref.imageHeader,
26
26
  labelCloseButton = _ref.labelCloseButton,
27
27
  labelActionButton = _ref.labelActionButton,
28
- setVisible = _ref.setVisible,
28
+ showModal = _ref.showModal,
29
29
  subtitle = _ref.subtitle,
30
30
  title = _ref.title,
31
31
  visible = _ref.visible;
@@ -40,7 +40,7 @@ var Modal = function Modal(_ref) {
40
40
  typeStyle: 'white',
41
41
  text: labelCloseButton,
42
42
  onPress: function onPress() {
43
- return setVisible(false);
43
+ return showModal(false);
44
44
  }
45
45
  }), actionBtn].filter(Boolean);
46
46
  };
@@ -58,13 +58,13 @@ var Modal = function Modal(_ref) {
58
58
  transparent: true,
59
59
  visible: visible,
60
60
  onRequestClose: function onRequestClose() {
61
- return setVisible(false);
61
+ return showModal(false);
62
62
  }
63
63
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
64
64
  style: styles.modalContainer,
65
65
  activeOpacity: 1,
66
66
  onPressOut: function onPressOut() {
67
- return !disableTapOutside && setVisible(false);
67
+ return !disableTapOutside && showModal(false);
68
68
  }
69
69
  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
70
70
  style: [styles.modalContent, fullScreen && styles.modalFullScreen]
@@ -74,7 +74,7 @@ var Modal = function Modal(_ref) {
74
74
  subtitle: subtitle,
75
75
  children: children,
76
76
  buttonsToDisplay: buttonsToDisplay,
77
- setVisible: setVisible
77
+ setVisible: showModal
78
78
  }) : /*#__PURE__*/React.createElement(MinimizedView, {
79
79
  imageHeader: imageHeader,
80
80
  title: title,
@@ -15,6 +15,7 @@ export declare const styles: {
15
15
  maxWidth: "85%";
16
16
  padding: number;
17
17
  width: "auto";
18
+ minHeight: number;
18
19
  };
19
20
  modalFullScreen: {
20
21
  height: "100%";
@@ -17,7 +17,8 @@ export var styles = StyleSheet.create({
17
17
  maxHeight: isDeviceTablet ? '65%' : '85%',
18
18
  maxWidth: '85%',
19
19
  padding: 0,
20
- width: 'auto'
20
+ width: 'auto',
21
+ minHeight: 250
21
22
  },
22
23
  modalFullScreen: {
23
24
  height: '100%',
@@ -9,7 +9,7 @@ export interface IModalProps {
9
9
  imageHeader?: ReactNode;
10
10
  labelCloseButton: string;
11
11
  labelActionButton?: string;
12
- setVisible: (...params: any[]) => void;
12
+ showModal: (...params: any[]) => void;
13
13
  styles?: ViewStyle;
14
14
  subtitle?: string;
15
15
  title: string;
@@ -36,12 +36,8 @@ var MaximizedView = function MaximizedView(_ref) {
36
36
  style: styles.modalTitle,
37
37
  ellipsizeMode: "tail"
38
38
  }, title)), hasActionButton && buttonsToDisplay && /*#__PURE__*/React.createElement(ButtonContainer, {
39
- components: [buttonsToDisplay[buttonsToDisplay.length - 1]],
40
- style: {
41
- justifyContent: 'flex-end',
42
- paddingVertical: 0,
43
- flex: 1
44
- }
39
+ buttons: [buttonsToDisplay[buttonsToDisplay.length - 1]],
40
+ style: styles.buttonContainer
45
41
  })), children && /*#__PURE__*/React.createElement(View, {
46
42
  style: styles.childrenModalContainer
47
43
  }, /*#__PURE__*/React.createElement(ScrollView, {
@@ -32,4 +32,9 @@ export declare const styles: {
32
32
  width: "100%";
33
33
  maxHeight: "97%";
34
34
  };
35
+ buttonContainer: {
36
+ justifyContent: "flex-end";
37
+ paddingVertical: number;
38
+ flex: number;
39
+ };
35
40
  };
@@ -33,5 +33,10 @@ export var styles = StyleSheet.create({
33
33
  paddingHorizontal: 24,
34
34
  width: '100%',
35
35
  maxHeight: '97%'
36
+ },
37
+ buttonContainer: {
38
+ justifyContent: 'flex-end',
39
+ paddingVertical: 0,
40
+ flex: 1
36
41
  }
37
42
  });
@@ -56,11 +56,8 @@ var MinimizedView = function MinimizedView(_ref) {
56
56
  }, children)))), /*#__PURE__*/React.createElement(View, {
57
57
  style: styles.buttonModalContainer
58
58
  }, (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(ButtonContainer, {
59
- components: buttonsToDisplay,
60
- style: {
61
- justifyContent: 'flex-end',
62
- paddingVertical: 0
63
- }
59
+ buttons: buttonsToDisplay,
60
+ style: styles.buttonContainer
64
61
  })));
65
62
  };
66
63
  export default MinimizedView;
@@ -61,6 +61,7 @@ export declare const styles: {
61
61
  padding: number;
62
62
  };
63
63
  buttonContainer: {
64
- width: "40%" | "45%";
64
+ justifyContent: "flex-end";
65
+ paddingVertical: number;
65
66
  };
66
67
  };
@@ -1,6 +1,5 @@
1
1
  import { Dimensions, StyleSheet } from "react-native-web";
2
2
  import { NEUTRAL_400, NEUTRAL_800, PRIMARY_100 } from "../../../../styles/colors";
3
- import { isDeviceTablet } from "../../../../helpers/table_utils";
4
3
  var DIFFERENCE_HEIGHT = 500;
5
4
  export var styles = StyleSheet.create({
6
5
  headerContainer: {
@@ -65,6 +64,7 @@ export var styles = StyleSheet.create({
65
64
  padding: 12
66
65
  },
67
66
  buttonContainer: {
68
- width: isDeviceTablet ? '40%' : '45%'
67
+ justifyContent: 'flex-end',
68
+ paddingVertical: 0
69
69
  }
70
70
  });
@@ -44,7 +44,7 @@ var Table = function Table(_ref) {
44
44
  }],
45
45
  key: 'movementTable' + colIndex
46
46
  }, col.components ? /*#__PURE__*/React.createElement(ButtonContainer, {
47
- components: col.components
47
+ buttons: col.components
48
48
  }) : /*#__PURE__*/React.createElement(TableCell, {
49
49
  label: col.key ? item[col.key] : '',
50
50
  key: 'tableCell' + index
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "etendo-ui-library",
3
- "version": "1.3.45",
3
+ "version": "1.3.46",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "android": "react-native run-android",