etendo-ui-library 1.3.60 → 1.3.62

package/dist-native/components/button/Button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, paddingHorizontal, paddingVertical, loading, }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, paddingHorizontal, paddingVertical, loading, metadata, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist-native/components/button/Button.js

@@ -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 _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/button/Button.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 Button=function Button(_ref){var text=_ref.text,onPress=_ref.onPress,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?16:_ref$fontSize,typeStyle=_ref.typeStyle,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,_ref$paddingHorizonta=_ref.paddingHorizontal,paddingHorizontal=_ref$paddingHorizonta===void 0?12:_ref$paddingHorizonta,_ref$paddingVertical=_ref.paddingVertical,paddingVertical=_ref$paddingVertical===void 0?12:_ref$paddingVertical,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.TERTIARY_800;case'secondary':return _colors.SECONDARY_300;case'terciary':return _colors.TERTIARY_50;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.TERTIARY_800;case'whiteBorder':return _colors.NEUTRAL_50;case'primary':return _colors.NEUTRAL_50;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed&&!isHovered&&!loading&&typeStyle==='whiteBorder'){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:'transparent'});}if(pressed&&!loading){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered&&!loading){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(loading&&!iconLeft&&!iconRight){return{color:'transparent'};}if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered&&!loading){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};var stateStyleIcon=function stateStyleIcon(){var _ButtonStyleVariant$t2;if(disabled){return _Button.ButtonStyleVariant[typeStyle].imageDisabled;}if(isHovered&&!loading){var _ButtonStyleVariant$t;return isHovered?getHoveredTextColorAndViewColor(typeStyle):(_ButtonStyleVariant$t=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t.imageColor;}return(_ButtonStyleVariant$t2=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t2.imageColor;};var stateSizeIndicator=function stateSizeIndicator(iconComponent){var _iconComponent$props,_iconComponent$props$,_iconComponent$props4,_iconComponent$props5;if(iconComponent!=null&&(_iconComponent$props=iconComponent.props)!=null&&(_iconComponent$props$=_iconComponent$props.style)!=null&&_iconComponent$props$.height){var _iconComponent$props2,_iconComponent$props3;return iconComponent==null?void 0:(_iconComponent$props2=iconComponent.props)==null?void 0:(_iconComponent$props3=_iconComponent$props2.style)==null?void 0:_iconComponent$props3.height;}if(iconComponent!=null&&(_iconComponent$props4=iconComponent.props)!=null&&(_iconComponent$props5=_iconComponent$props4.style)!=null&&_iconComponent$props5.width){var _iconComponent$props6,_iconComponent$props7;return iconComponent==null?void 0:(_iconComponent$props6=iconComponent.props)==null?void 0:(_iconComponent$props7=_iconComponent$props6.style)==null?void 0:_iconComponent$props7.width;}return 16;};var renderIcon=function renderIcon(icon){var _icon$props,_icon$props$style,_icon$props2,_icon$props2$style;var _ref2=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref2$marginRight=_ref2.marginRight,marginRight=_ref2$marginRight===void 0?0:_ref2$marginRight,_ref2$marginLeft=_ref2.marginLeft,marginLeft=_ref2$marginLeft===void 0?0:_ref2$marginLeft;if(!icon)return null;var iconSize=stateSizeIndicator(icon);var iconColor=stateStyleIcon();if(loading){return _react.default.createElement(_reactNative.ActivityIndicator,{size:iconSize,color:iconColor,style:{marginRight:marginRight,marginLeft:marginLeft},__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}});}return _react.default.cloneElement(icon,{style:{width:(icon==null?void 0:(_icon$props=icon.props)==null?void 0:(_icon$props$style=_icon$props.style)==null?void 0:_icon$props$style.width)||16,height:(icon==null?void 0:(_icon$props2=icon.props)==null?void 0:(_icon$props2$style=_icon$props2.style)==null?void 0:_icon$props2$style.height)||16,marginRight:marginRight,marginLeft:marginLeft},fill:iconColor});};var handleOnPress=function handleOnPress(){if(onPress){onPress();}};return _react.default.createElement(_reactNative.TouchableOpacity,{disabled:disabled!=null?disabled:loading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref3){var pressed=_ref3.pressed;return[stateStyleContainer(pressed),{height:height,width:width,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical}];},disabled:disabled!=null?disabled:loading,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:174,columnNumber:7}},renderIcon(iconLeft,{marginRight:iconLeft&&text?8:0}),loading&&!iconLeft&&!iconRight&&_react.default.createElement(_reactNative.ActivityIndicator,{size:fontSize,color:stateStyleIcon(),style:_Button.styles.indicatorCenterStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{style:[stateStyleText(),{fontSize:fontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:193,columnNumber:9}},text),renderIcon(iconRight,{marginLeft:iconRight&&text?8:0})));};var _default=exports.default=Button;
+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 _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/button/Button.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 Button=function Button(_ref){var text=_ref.text,onPress=_ref.onPress,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?16:_ref$fontSize,typeStyle=_ref.typeStyle,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,_ref$paddingHorizonta=_ref.paddingHorizontal,paddingHorizontal=_ref$paddingHorizonta===void 0?12:_ref$paddingHorizonta,_ref$paddingVertical=_ref.paddingVertical,paddingVertical=_ref$paddingVertical===void 0?12:_ref$paddingVertical,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading,metadata=_ref.metadata;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.TERTIARY_800;case'secondary':return _colors.SECONDARY_300;case'terciary':return _colors.TERTIARY_50;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.TERTIARY_800;case'whiteBorder':return _colors.NEUTRAL_50;case'primary':return _colors.NEUTRAL_50;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed&&!isHovered&&!loading&&typeStyle==='whiteBorder'){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:'transparent'});}if(pressed&&!loading){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered&&!loading){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(loading&&!iconLeft&&!iconRight){return{color:'transparent'};}if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered&&!loading){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};var stateStyleIcon=function stateStyleIcon(){var _ButtonStyleVariant$t2;if(disabled){return _Button.ButtonStyleVariant[typeStyle].imageDisabled;}if(isHovered&&!loading){var _ButtonStyleVariant$t;return isHovered?getHoveredTextColorAndViewColor(typeStyle):(_ButtonStyleVariant$t=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t.imageColor;}return(_ButtonStyleVariant$t2=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t2.imageColor;};var stateSizeIndicator=function stateSizeIndicator(iconComponent){var _iconComponent$props,_iconComponent$props$,_iconComponent$props4,_iconComponent$props5;if(iconComponent!=null&&(_iconComponent$props=iconComponent.props)!=null&&(_iconComponent$props$=_iconComponent$props.style)!=null&&_iconComponent$props$.height){var _iconComponent$props2,_iconComponent$props3;return iconComponent==null?void 0:(_iconComponent$props2=iconComponent.props)==null?void 0:(_iconComponent$props3=_iconComponent$props2.style)==null?void 0:_iconComponent$props3.height;}if(iconComponent!=null&&(_iconComponent$props4=iconComponent.props)!=null&&(_iconComponent$props5=_iconComponent$props4.style)!=null&&_iconComponent$props5.width){var _iconComponent$props6,_iconComponent$props7;return iconComponent==null?void 0:(_iconComponent$props6=iconComponent.props)==null?void 0:(_iconComponent$props7=_iconComponent$props6.style)==null?void 0:_iconComponent$props7.width;}return 16;};var renderIcon=function renderIcon(icon){var _icon$props,_icon$props$style,_icon$props2,_icon$props2$style;var _ref2=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref2$marginRight=_ref2.marginRight,marginRight=_ref2$marginRight===void 0?0:_ref2$marginRight,_ref2$marginLeft=_ref2.marginLeft,marginLeft=_ref2$marginLeft===void 0?0:_ref2$marginLeft;if(!icon)return null;var iconSize=stateSizeIndicator(icon);var iconColor=stateStyleIcon();if(loading){return _react.default.createElement(_reactNative.ActivityIndicator,{size:iconSize,color:iconColor,style:{marginRight:marginRight,marginLeft:marginLeft},__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:9}});}return _react.default.cloneElement(icon,{style:{width:(icon==null?void 0:(_icon$props=icon.props)==null?void 0:(_icon$props$style=_icon$props.style)==null?void 0:_icon$props$style.width)||16,height:(icon==null?void 0:(_icon$props2=icon.props)==null?void 0:(_icon$props2$style=_icon$props2.style)==null?void 0:_icon$props2$style.height)||16,marginRight:marginRight,marginLeft:marginLeft},fill:iconColor});};var handleOnPress=function handleOnPress(){onPress&&(metadata?onPress(metadata):onPress());};return _react.default.createElement(_reactNative.TouchableOpacity,{disabled:disabled!=null?disabled:loading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref3){var pressed=_ref3.pressed;return[stateStyleContainer(pressed),{height:height,width:width,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical}];},disabled:disabled!=null?disabled:loading,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:7}},renderIcon(iconLeft,{marginRight:iconLeft&&text?8:0}),loading&&!iconLeft&&!iconRight&&_react.default.createElement(_reactNative.ActivityIndicator,{size:fontSize,color:stateStyleIcon(),style:_Button.styles.indicatorCenterStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{style:[stateStyleText(),{fontSize:fontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:9}},text),renderIcon(iconRight,{marginLeft:iconRight&&text?8:0})));};var _default=exports.default=Button;

package/dist-native/components/button/Button.types.d.ts

@@ -14,7 +14,7 @@ export interface IconStyleProps {
     marginLeft?: DimensionValue;
 }
 export interface ButtonProps {
-    onPress?: () => void;
+    onPress?: (...params: any[]) => void;
     text?: string;
     typeStyle: ButtonStyleType;
     iconLeft?: React.ReactElement;
@@ -26,4 +26,5 @@ export interface ButtonProps {
     paddingHorizontal?: DimensionValue;
     paddingVertical?: DimensionValue;
     loading?: boolean;
+    metadata?: any;
 }

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 _modal=require("../modal");var _Cards2=_interopRequireDefault(require("./Cards.constants"));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 TITLE=_Cards2.default.TITLE,SUBTITLE=_Cards2.default.SUBTITLE,LABEL_ACTION_BUTTON=_Cards2.default.LABEL_ACTION_BUTTON,LABEL_CLOSE_BUTTON=_Cards2.default.LABEL_CLOSE_BUTTON;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,onDeleteData=_ref.onDeleteData,titleModal=_ref.titleModal,subtitleModal=_ref.subtitleModal,labelActionButtonModal=_ref.labelActionButtonModal,labelCloseButtonModal=_ref.labelCloseButtonModal;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 _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),selectionMode=_useState6[0],setSelectionMode=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),selectedItems=_useState8[0],setSelectedItems=_useState8[1];var _useState9=(0,_react.useState)(false),_useState10=(0,_slicedToArray2.default)(_useState9,2),showModal=_useState10[0],setShowModal=_useState10[1];var _useState11=(0,_react.useState)(data),_useState12=(0,_slicedToArray2.default)(_useState11,2),dataList=_useState12[0],setDataList=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),dataOG=_useState14[0],setDataOG=_useState14[1];var _useState15=(0,_react.useState)(null),_useState16=(0,_slicedToArray2.default)(_useState15,2),selectedItem=_useState16[0],setSelectedItem=_useState16[1];(0,_react.useEffect)(function(){setDataOG(data);},[data]);var handleItemsSelected=function handleItemsSelected(item){setSelectedItem(item);var selectedItemsSet=new Set(selectedItems);var dataSet=new Set(dataList);selectedItems.includes(item);if(selectedItemsSet.has(item)){selectedItemsSet.delete(item);}else{selectedItemsSet.add(item);setDataList(Array.from(dataSet).map(function(item2){return Object.assign({},item2,{isActive:item2._id===item._id});}));}if(selectedItemsSet.size===0){handleCancelSelectionMode();}setSelectedItems(Array.from(selectedItemsSet));};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,data]);(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);};var handleCancelSelectionMode=function handleCancelSelectionMode(){var isCancelAction=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;setSelectionMode(false);setSelectedItems([]);setSelectedItem(null);if(isCancelAction){setDataList(dataOG);}else{setDataList(dataOG.filter(function(item){return item!==selectedItem;}));}};var handleDeleteSelectedItems=function handleDeleteSelectedItems(itemsToSend){onDeleteData&&onDeleteData(itemsToSend);handleCancelSelectionMode(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:5}},(title||onAddNewData)&&!selectionMode&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}},title&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:15}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:152,columnNumber:15}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:155,columnNumber:11}},onAddNewData&&_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:27}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:15}}))),selectionMode&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:170,columnNumber:11}},_react.default.createElement(_button.Button,{onPress:function onPress(){return setShowModal(true);},typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.TrashIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:171,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:8}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:178,columnNumber:13}},"Selected (",selectedItems.length,")")),_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:"Cancel",height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:182,columnNumber:11}})),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:190,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:dataList,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,onHoldCard:setSelectionMode,isSelectionMode:selectionMode,handleItemsSelected:handleItemsSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:211,columnNumber:61}})),selectedItem&&_react.default.createElement(_modal.Modal,{showModal:setShowModal,visible:showModal,handleAction:function handleAction(){return handleDeleteSelectedItems(selectedItem);},title:titleModal?titleModal:TITLE,subtitle:subtitleModal?subtitleModal:SUBTITLE,labelActionButton:labelActionButtonModal?labelActionButtonModal:LABEL_ACTION_BUTTON,labelCloseButton:labelCloseButtonModal?labelCloseButtonModal:LABEL_CLOSE_BUTTON,imageHeader:_react.default.createElement(_icons.TrashIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:228,columnNumber:24}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:214,columnNumber:9}}));};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 _modal=require("../modal");var _Cards2=_interopRequireDefault(require("./Cards.constants"));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 TITLE=_Cards2.default.TITLE,SUBTITLE=_Cards2.default.SUBTITLE,LABEL_ACTION_BUTTON=_Cards2.default.LABEL_ACTION_BUTTON,LABEL_CLOSE_BUTTON=_Cards2.default.LABEL_CLOSE_BUTTON;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,onDeleteData=_ref.onDeleteData,titleModal=_ref.titleModal,subtitleModal=_ref.subtitleModal,labelActionButtonModal=_ref.labelActionButtonModal,labelCloseButtonModal=_ref.labelCloseButtonModal;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 _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),selectionMode=_useState6[0],setSelectionMode=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),selectedItems=_useState8[0],setSelectedItems=_useState8[1];var _useState9=(0,_react.useState)(false),_useState10=(0,_slicedToArray2.default)(_useState9,2),showModal=_useState10[0],setShowModal=_useState10[1];var _useState11=(0,_react.useState)(data),_useState12=(0,_slicedToArray2.default)(_useState11,2),dataList=_useState12[0],setDataList=_useState12[1];var _useState13=(0,_react.useState)([]),_useState14=(0,_slicedToArray2.default)(_useState13,2),dataOG=_useState14[0],setDataOG=_useState14[1];var _useState15=(0,_react.useState)(null),_useState16=(0,_slicedToArray2.default)(_useState15,2),selectedItem=_useState16[0],setSelectedItem=_useState16[1];(0,_react.useEffect)(function(){setDataOG(data);},[data]);var handleItemsSelected=function handleItemsSelected(item){setSelectedItem(item);var selectedItemsSet=new Set(selectedItems);var dataSet=new Set(dataList);if(selectedItemsSet.size>0){selectedItemsSet.clear();}else{selectedItemsSet.add(item);setDataList(Array.from(dataSet).map(function(item2){return Object.assign({},item2,{isActive:item2._id===item._id});}));}if(selectedItemsSet.size===0){handleCancelSelectionMode();}setSelectedItems(Array.from(selectedItemsSet));};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,data]);(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);};var handleCancelSelectionMode=function handleCancelSelectionMode(){var isCancelAction=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;setSelectionMode(false);setSelectedItems([]);setSelectedItem(null);if(isCancelAction){setDataList(dataOG);}else{setDataList(dataOG.filter(function(item){return item!==selectedItem;}));}};var handleDeleteSelectedItems=function handleDeleteSelectedItems(itemsToSend){onDeleteData&&onDeleteData(itemsToSend);handleCancelSelectionMode(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:146,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:9}},selectionMode&&_react.default.createElement(_button.Button,{onPress:function onPress(){return setShowModal(true);},typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.TrashIcon,{style:_Cards.styles.icon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:154,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:selectionMode?8:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:11}},selectionMode?"Selected ("+selectedItems.length+")":title+" ("+data.length+")")),selectionMode?_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:"Cancel",height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:165,columnNumber:11}}):_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:"Cancel",height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:11}})),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:dataList,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,onHoldCard:setSelectionMode,isSelectionMode:selectionMode,handleItemsSelected:handleItemsSelected,__self:_this,__source:{fileName:_jsxFileName,lineNumber:188,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:61}})),selectedItem&&_react.default.createElement(_modal.Modal,{showModal:setShowModal,visible:showModal,handleAction:function handleAction(){return handleDeleteSelectedItems(selectedItem);},title:titleModal?titleModal:TITLE,subtitle:subtitleModal?subtitleModal:SUBTITLE,labelActionButton:labelActionButtonModal?labelActionButtonModal:LABEL_ACTION_BUTTON,labelCloseButton:labelCloseButtonModal?labelCloseButtonModal:LABEL_CLOSE_BUTTON,imageHeader:_react.default.createElement(_icons.TrashIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:24}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:204,columnNumber:9}}));};var _default=exports.default=Cards;

package/dist-native/components/table/Table.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 _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;
+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){var components=[];if(col.components){var updatedComponents=col.components.map(function(component){return _react.default.cloneElement(component,{metadata:item});});components=updatedComponents;}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:58,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{buttons:components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,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:79,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:83,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:98,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,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:122,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:110,columnNumber:7}}));};var _default=exports.default=Table;

package/dist-web/components/button/Button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, paddingHorizontal, paddingVertical, loading, }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, paddingHorizontal, paddingVertical, loading, metadata, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist-web/components/button/Button.js

@@ -31,7 +31,8 @@ var Button = function Button(_ref) {
     _ref$paddingVertical = _ref.paddingVertical,
     paddingVertical = _ref$paddingVertical === void 0 ? 12 : _ref$paddingVertical,
     _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading;
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    metadata = _ref.metadata;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
@@ -164,9 +165,7 @@ var Button = function Button(_ref) {
     });
   };
   var handleOnPress = function handleOnPress() {
-    if (onPress) {
-      onPress();
-    }
+    onPress && (metadata ? onPress(metadata) : onPress());
   };
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     disabled: disabled !== null && disabled !== void 0 ? disabled : loading

package/dist-web/components/button/Button.types.d.ts

@@ -14,7 +14,7 @@ export interface IconStyleProps {
     marginLeft?: DimensionValue;
 }
 export interface ButtonProps {
-    onPress?: () => void;
+    onPress?: (...params: any[]) => void;
     text?: string;
     typeStyle: ButtonStyleType;
     iconLeft?: React.ReactElement;
@@ -26,4 +26,5 @@ export interface ButtonProps {
     paddingHorizontal?: DimensionValue;
     paddingVertical?: DimensionValue;
     loading?: boolean;
+    metadata?: any;
 }

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

@@ -20,7 +20,7 @@ import { styles } from "./Cards.style";
 import SkeletonCard from "./components/card/components/skeletonCard/SkeletonCard";
 import SwitchStateCards from "./components/card/components/switchStateCards/SwitchStateCards";
 import { Button } from "../button";
-import { MoreIcon, TrashIcon } from "../../assets/images/icons";
+import { TrashIcon } from "../../assets/images/icons";
 import { Modal } from "../modal";
 import CARDS from "./Cards.constants";
 var TITLE = CARDS.TITLE,
@@ -88,9 +88,8 @@ var Cards = function Cards(_ref) {
     setSelectedItem(item);
     var selectedItemsSet = new Set(selectedItems);
     var dataSet = new Set(dataList);
-    selectedItems.includes(item);
-    if (selectedItemsSet.has(item)) {
-      selectedItemsSet["delete"](item);
+    if (selectedItemsSet.size > 0) {
+      selectedItemsSet.clear();
     } else {
       selectedItemsSet.add(item);
       setDataList(Array.from(dataSet).map(function (item2) {
@@ -175,29 +174,11 @@ var Cards = function Cards(_ref) {
     }, styles.container, {
       backgroundColor: backgroundColor
     }]
-  }, (title || onAddNewData) && !selectionMode && /*#__PURE__*/React.createElement(View, {
-    style: styles.titleContainer
-  }, title && /*#__PURE__*/React.createElement(View, {
-    style: styles.titleTextContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, " (", data.length, ")")), /*#__PURE__*/React.createElement(View, {
-    style: styles.buttonContainer
-  }, onAddNewData && /*#__PURE__*/React.createElement(Button, {
-    onPress: onAddNewData,
-    typeStyle: 'primary',
-    height: 40,
-    width: 40,
-    iconLeft: /*#__PURE__*/React.createElement(MoreIcon, {
-      style: styles.icon
-    })
-  }))), selectionMode && /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.selectionModeContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.titleTextSelectionModeContainer
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, selectionMode && /*#__PURE__*/React.createElement(Button, {
     onPress: function onPress() {
       return setShowModal(true);
     },
@@ -209,9 +190,16 @@ var Cards = function Cards(_ref) {
     })
   }), /*#__PURE__*/React.createElement(Text, {
     style: [styles.title, {
-      marginHorizontal: 8
+      marginHorizontal: selectionMode ? 8 : 0
     }]
-  }, "Selected (", selectedItems.length, ")")), /*#__PURE__*/React.createElement(Button, {
+  }, selectionMode ? "Selected (".concat(selectedItems.length, ")") : "".concat(title, " (").concat(data.length, ")"))), selectionMode ? /*#__PURE__*/React.createElement(Button, {
+    onPress: function onPress() {
+      return handleCancelSelectionMode();
+    },
+    typeStyle: 'white',
+    text: "Cancel",
+    height: 40
+  }) : /*#__PURE__*/React.createElement(Button, {
     onPress: function onPress() {
       return handleCancelSelectionMode();
     },

package/dist-web/components/table/Table.js

@@ -38,13 +38,22 @@ var Table = function Table(_ref) {
       },
       style: [styles.row, paintOddRows(index)]
     }, columns.map(function (col, colIndex) {
+      var components = [];
+      if (col.components) {
+        var updatedComponents = col.components.map(function (component) {
+          return /*#__PURE__*/React.cloneElement(component, {
+            metadata: item
+          });
+        });
+        components = updatedComponents;
+      }
       return col.visible && /*#__PURE__*/React.createElement(View, {
         style: [styles.cell, col.cellStyle, {
           width: col.width
         }],
         key: 'movementTable' + colIndex
       }, col.components ? /*#__PURE__*/React.createElement(ButtonContainer, {
-        buttons: col.components
+        buttons: components
       }) : /*#__PURE__*/React.createElement(TableCell, {
         label: col.key ? item[col.key] : '',
         key: 'tableCell' + index

package/package.json

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