etendo-ui-library 1.3.60 → 1.3.61

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-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/package.json

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