etendo-ui-library 1.3.102 → 1.3.103
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.
|
@@ -1 +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,SELECTED_LABEL=_Cards2.default.SELECTED_LABEL,CANCEL_SELECTED_LABEL=_Cards2.default.CANCEL_SELECTED_LABEL;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,selectionLabel=_ref.selectionLabel,cancelSelectionLabel=_ref.cancelSelectionLabel;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);setDataList(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);setShowModal(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,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:165,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:selectionMode?8:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}},selectionMode?(selectionLabel||SELECTED_LABEL)+" ("+selectedItems.length+")":title+" ("+dataList.length+")")),selectionMode?_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:cancelSelectionLabel||CANCEL_SELECTED_LABEL,height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:11}}):_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:188,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:11}})),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:[_Cards.styles.containerFlex,{paddingHorizontal:dataList.length>0?16:0}],onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:
|
|
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,SELECTED_LABEL=_Cards2.default.SELECTED_LABEL,CANCEL_SELECTED_LABEL=_Cards2.default.CANCEL_SELECTED_LABEL;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,selectionLabel=_ref.selectionLabel,cancelSelectionLabel=_ref.cancelSelectionLabel;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);setDataList(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);setShowModal(false);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:150,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.selectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextSelectionModeContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,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:165,columnNumber:25}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{style:[_Cards.styles.title,{marginHorizontal:selectionMode?8:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:11}},selectionMode?(selectionLabel||SELECTED_LABEL)+" ("+selectedItems.length+")":title+" ("+dataList.length+")")),selectionMode?_react.default.createElement(_button.Button,{onPress:function onPress(){return handleCancelSelectionMode();},typeStyle:'white',text:cancelSelectionLabel||CANCEL_SELECTED_LABEL,height:40,__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,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:188,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:11}}):_react.default.createElement(_react.default.Fragment,null)),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:[_Cards.styles.containerFlex,{paddingHorizontal:dataList.length>0?16:0}],onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(_contentWidth,contentHeightChange){return setContentHeight(contentHeightChange);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:194,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:205,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,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:235,columnNumber:24}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:9}}));};var _default=exports.default=Cards;
|
|
@@ -205,7 +205,7 @@ var Cards = function Cards(_ref) {
|
|
|
205
205
|
typeStyle: 'white',
|
|
206
206
|
text: cancelSelectionLabel || CANCEL_SELECTED_LABEL,
|
|
207
207
|
height: 40
|
|
208
|
-
}) : /*#__PURE__*/React.createElement(Button, {
|
|
208
|
+
}) : onAddNewData ? /*#__PURE__*/React.createElement(Button, {
|
|
209
209
|
onPress: onAddNewData,
|
|
210
210
|
typeStyle: 'primary',
|
|
211
211
|
height: 40,
|
|
@@ -213,7 +213,7 @@ var Cards = function Cards(_ref) {
|
|
|
213
213
|
iconLeft: /*#__PURE__*/React.createElement(MoreIcon, {
|
|
214
214
|
style: styles.icon
|
|
215
215
|
})
|
|
216
|
-
})), /*#__PURE__*/React.createElement(ScrollView, {
|
|
216
|
+
}) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(ScrollView, {
|
|
217
217
|
ref: scrollViewRef,
|
|
218
218
|
style: [styles.containerFlex, {
|
|
219
219
|
paddingHorizontal: dataList.length > 0 ? 16 : 0
|