etendo-ui-library 1.3.32 → 1.3.34

package/dist-native/assets/images/icons/TimeIcon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ImageStyle } from 'react-native';
+import { ColorValue, ImageStyle } from 'react-native';
 export interface SvgImageProps {
     style?: ImageStyle;
-    fill?: string;
+    fill?: ColorValue;
 }
 export declare const TimeIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;

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

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

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

@@ -3,19 +3,23 @@ export declare const styles: {
         flex: number;
         paddingTop: number;
         maxWidth: number;
-        width: "100%";
+        alignItems: "center";
     };
     containerFlex: {
+        maxWidth: number;
         marginTop: number;
         flex: number;
+        paddingHorizontal: number;
+        marginHorizontal: number;
     };
     titleContainer: {
-        marginHorizontal: number;
+        paddingHorizontal: number;
         height: number;
         display: "flex";
         alignItems: "center";
         justifyContent: "space-between";
         flexDirection: "row";
+        width: "100%";
     };
     titleTextContainer: {
         flexDirection: "row";

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,width:'100%'},containerFlex:{marginTop:12,flex:1},titleContainer:{marginHorizontal:16,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,alignItems:'center'},containerFlex:{maxWidth:428,marginTop:12,flex:1,paddingHorizontal:14,marginHorizontal:10},titleContainer:{paddingHorizontal:24,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row',width:'100%'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});

package/dist-native/components/cards/components/card/Card.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 _table_utils=require("../../../../helpers/table_utils");var _Card=require("./Card.style");var _colors=require("../../../../styles/colors");var _SwitchRowCard=_interopRequireDefault(require("./components/switchRowCard/SwitchRowCard"));var _SwitchTitleCard=_interopRequireDefault(require("./components/switchTitleCard/SwitchTitleCard"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/Card.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 MAX_ROWS=4;var Card=function Card(_ref){var item=_ref.item,index=_ref.index,metadata=_ref.metadata,_onPress=_ref.onPress;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isPressable=_useState2[0],setIsPressable=_useState2[1];var elevationAnim=(0,_react.useRef)(new _reactNative.Animated.Value(5)).current;var onHoverIn=function onHoverIn(){_reactNative.Animated.timing(elevationAnim,{toValue:12,duration:150,useNativeDriver:true}).start();};var onHoverOut=function onHoverOut(){_reactNative.Animated.timing(elevationAnim,{toValue:5,duration:150,useNativeDriver:true}).start();};var onPressIn=function onPressIn(){setIsPressable(true);};var onPressOut=function onPressOut(){setIsPressable(false);};var isDisabled=function isDisabled(){return item.isActive===false;};var changeBackground=function changeBackground(){if(isDisabled()||isPressable){return{backgroundColor:_colors.NEUTRAL_200};}};var changeStatusBackground=function changeStatusBackground(){if(isDisabled()){return{backgroundColor:_colors.NEUTRAL_400};}if(item.color){return{backgroundColor:item.color};}return{backgroundColor:_colors.TERTIARY_800};};var changeTextColor=function changeTextColor(){if(isDisabled()){return{color:_colors.NEUTRAL_500};}return{};};var getColumnTitle=(0,_react.useMemo)(function(){return(0,_table_utils.findRowTitle)(metadata);},[metadata,item]);return _react.default.createElement(_reactNative.Pressable,{disabled:isDisabled(),onHoverIn:onHoverIn,onHoverOut:onHoverOut,onPressIn:onPressIn,onPressOut:onPressOut,onPress:function onPress(){if(_onPress){_onPress((0,_table_utils.findPrimaryId)(metadata,item));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),{elevation:elevationAnim}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:9}}),metadata.filter(function(row){return row.visible;}).slice(0,MAX_ROWS).map(function(row,rowIndex){return row.visible&&!row.title&&_react.default.createElement(_SwitchRowCard.default,{key:'rowCard'+index+rowIndex,row:row,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:17}});})));};var _default=exports.default=Card;
+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 _table_utils=require("../../../../helpers/table_utils");var _Card=require("./Card.style");var _colors=require("../../../../styles/colors");var _SwitchRowCard=_interopRequireDefault(require("./components/switchRowCard/SwitchRowCard"));var _SwitchTitleCard=_interopRequireDefault(require("./components/switchTitleCard/SwitchTitleCard"));var _cards_utils=require("../../../../helpers/cards_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/Card.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 MAX_ROWS=4;var Card=function Card(_ref){var item=_ref.item,index=_ref.index,metadata=_ref.metadata,_onPress=_ref.onPress;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isPressable=_useState2[0],setIsPressable=_useState2[1];var elevationAnim=(0,_react.useRef)(new _reactNative.Animated.Value(5)).current;var onHoverIn=function onHoverIn(){_reactNative.Animated.timing(elevationAnim,{toValue:12,duration:150,useNativeDriver:true}).start();};var onHoverOut=function onHoverOut(){_reactNative.Animated.timing(elevationAnim,{toValue:5,duration:150,useNativeDriver:true}).start();};var onPressIn=function onPressIn(){setIsPressable(true);};var onPressOut=function onPressOut(){setIsPressable(false);};var isDisabled=function isDisabled(){return item.isActive===false;};var changeBackground=function changeBackground(){if(isDisabled()||isPressable){return{backgroundColor:_colors.NEUTRAL_200};}};var changeStatusBackground=function changeStatusBackground(){if(isDisabled()){return{backgroundColor:_colors.NEUTRAL_400};}if(item.color){return{backgroundColor:item.color};}return{backgroundColor:_colors.TERTIARY_800};};var changeTextColor=function changeTextColor(){if(isDisabled()){return{color:_colors.NEUTRAL_500};}return{};};var getColumnTitle=(0,_react.useMemo)(function(){return(0,_cards_utils.findRowTitle)(metadata);},[metadata,item]);return _react.default.createElement(_reactNative.Pressable,{disabled:isDisabled(),onHoverIn:onHoverIn,onHoverOut:onHoverOut,onPressIn:onPressIn,onPressOut:onPressOut,onPress:function onPress(){if(_onPress){_onPress((0,_table_utils.findPrimaryId)(metadata,item));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),{elevation:elevationAnim}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:9}}),metadata.filter(function(row){return row.visible;}).slice(0,MAX_ROWS).map(function(row,rowIndex){return row.visible&&!row.title&&_react.default.createElement(_SwitchRowCard.default,{key:'rowCard'+index+rowIndex,row:row,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:17}});})));};var _default=exports.default=Card;

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

@@ -1,7 +1,6 @@
 export declare const styles: {
     container: {
         borderRadius: number;
-        marginHorizontal: number;
         marginBottom: number;
         backgroundColor: string;
         overflow: "hidden";

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380},status:{height:8,marginBottom:8}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380},status:{height:8,marginBottom:8}});

package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { SwitchRowCardProps } from './SwitchRowCard.type';
+export declare const getIconByType: ({ row, item, color, }: SwitchRowCardProps) => React.JSX.Element | undefined;
 declare const SwitchRowCard: ({ row, item, color }: SwitchRowCardProps) => React.JSX.Element | undefined;
 export default SwitchRowCard;

package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.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 _icons=require("../../../../../../assets/images/icons");var _SwitchRowCard=require("./SwitchRowCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchRowCard/SwitchRowCard.tsx";var DOTS='··································································································';var SwitchRowCard=function SwitchRowCard(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(!row){return;}if(row.type==='boolean'){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:11}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight],__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:11}},DOTS)),_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft],__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:11}},DOTS," "),row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CheckTrueIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:13}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:13}})));}if(row.type==='date'){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:11}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight],__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}},DOTS," ")),_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft],__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:11}},DOTS," "),row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}}):null,_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:11}},row!=null&&row.key?item[row.key]:'')));}return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.column,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:7}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:7}},row!=null&&row.key?item[row.key]:''));};var _default=exports.default=SwitchRowCard;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getIconByType=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _icons=require("../../../../../../assets/images/icons");var _SwitchRowCard=require("./SwitchRowCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchRowCard/SwitchRowCard.tsx";var DOTS='··································································································';var getIconByType=exports.getIconByType=function getIconByType(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(row!=null&&row.key&&item[row.key]){switch(row.type){case'date':return _react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:16}});case'time':return _react.default.createElement(_icons.TimeIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:16}});case'boolean':return item[row.key]?_react.default.createElement(_icons.CheckTrueIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:11}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:11}});default:break;}}};var SwitchRowCard=function SwitchRowCard(_ref2){var row=_ref2.row,item=_ref2.item,_ref2$color=_ref2.color,color=_ref2$color===void 0?{}:_ref2$color;if(!row){return;}if(row.type!=='string'&&row.type){return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:11}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight],__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:11}},DOTS)),_react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.rowWitchdotsContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft],__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:11}},DOTS),getIconByType({row:row,item:item,color:color}),row.type!=='boolean'&&_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:13}},row!=null&&row.key?item[row.key]:'')));}return _react.default.createElement(_reactNative.View,{style:_SwitchRowCard.styles.column,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}},row==null?void 0:row.label),_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textValue,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:7}},row!=null&&row.key?item[row.key]:''));};var _default=exports.default=SwitchRowCard;

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

@@ -6,9 +6,6 @@ export declare const styles: {
         fontSize: number;
         lineHeight: number;
     };
-    selfSpace: {
-        width: "50%";
-    };
     textValue: {
         fontFamily: string;
         color: string;
@@ -30,13 +27,11 @@ export declare const styles: {
     check: {
         width: number;
         height: number;
-        marginLeft: number;
     };
     calendar: {
         width: number;
         height: number;
         marginRight: number;
-        marginLeft: number;
     };
     dots: {
         flex: number;
@@ -52,9 +47,11 @@ export declare const styles: {
     };
     alignDotsRight: {
         textAlign: "right";
+        paddingLeft: number;
     };
     alignDotsLeft: {
         textAlign: "left";
+        paddingRight: number;
     };
     paddingCalendar: {
         paddingRight: number;

package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_800,fontWeight:'700',fontSize:14,lineHeight:20},selfSpace:{width:'50%'},textValue:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'600',fontSize:14,lineHeight:20},row:{flexDirection:'row',paddingHorizontal:12,paddingBottom:8,alignItems:'center'},column:{flexDirection:'column',paddingHorizontal:12,paddingBottom:8},check:{width:16,height:16,marginLeft:8},calendar:{width:16,height:16,marginRight:4,marginLeft:8},dots:{flex:1,letterSpacing:8,color:_colors.NEUTRAL_400,fontWeight:'700'},rowWitchdotsContainer:{width:'50%',flexDirection:'row',alignItems:'center',height:20},alignDotsRight:{textAlign:'right'},alignDotsLeft:{textAlign:'left'},paddingCalendar:{paddingRight:16}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_800,fontWeight:'700',fontSize:14,lineHeight:20},textValue:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'600',fontSize:14,lineHeight:20},row:{flexDirection:'row',paddingHorizontal:12,paddingBottom:8,alignItems:'center'},column:{flexDirection:'column',paddingHorizontal:12,paddingBottom:8},check:{width:16,height:16},calendar:{width:16,height:16,marginRight:4},dots:{flex:1,letterSpacing:8,color:_colors.NEUTRAL_400,fontWeight:'700'},rowWitchdotsContainer:{width:'50%',flexDirection:'row',alignItems:'center',height:20},alignDotsRight:{textAlign:'right',paddingLeft:8},alignDotsLeft:{textAlign:'left',paddingRight:8},paddingCalendar:{paddingRight:16}});

package/dist-native/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.d.ts

@@ -4,4 +4,5 @@ export interface SwitchRowCardProps {
     row?: Metadata;
     item: any;
     color: TextStyle | undefined;
+    margin?: boolean;
 }

package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.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 _icons=require("../../../../../../assets/images/icons");var _SwitchTitleCard=require("./SwitchTitleCard.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.tsx";var SwitchTitleCard=function SwitchTitleCard(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(!row){return;}var renderContent=function renderContent(){if(row.type==='boolean'){return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.titleRowValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}},row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CheckTrueIcon,{style:_SwitchTitleCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:13}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchTitleCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:13}}));}if(row.type==='date'){return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.titleRowValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:9}},row!=null&&row.key&&item[row.key]?_react.default.createElement(_icons.CalendarIcon,{style:_SwitchTitleCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:13}}):null,_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textValueBold,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:11}},row!=null&&row.key?item[row.key]:''));}return _react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textValueBold,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}},row!=null&&row.key?item[row.key]:'');};return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:7}},row.label),renderContent());};var _default=exports.default=SwitchTitleCard;
+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 _SwitchTitleCard=require("./SwitchTitleCard.style");var _SwitchRowCard=require("../switchRowCard/SwitchRowCard");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.tsx";var SwitchTitleCard=function SwitchTitleCard(_ref){var row=_ref.row,item=_ref.item,_ref$color=_ref.color,color=_ref$color===void 0?{}:_ref$color;if(!row){return;}return _react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.row,__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}},row.label),_react.default.createElement(_reactNative.View,{style:_SwitchTitleCard.styles.titleRowValue,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:7}},(0,_SwitchRowCard.getIconByType)({row:row,item:item,color:color}),row.type!=='boolean'&&_react.default.createElement(_reactNative.Text,{style:[_SwitchTitleCard.styles.textValueBold,color],ellipsizeMode:"tail",numberOfLines:2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:11}},row!=null&&row.key?item[row.key]:'')));};var _default=exports.default=SwitchTitleCard;

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

@@ -22,7 +22,6 @@ export declare const styles: {
     };
     titleRowValue: {
         flexDirection: "row";
-        height: number;
         alignItems: "center";
     };
     check: {

package/dist-native/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_700,fontWeight:'700',fontSize:14,lineHeight:22},textValueBold:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'800',fontSize:16,lineHeight:24},row:{marginHorizontal:12,paddingBottom:8,marginBottom:8,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300},titleRowValue:{flexDirection:'row',height:24,alignItems:'center'},check:{width:16,height:16},calendar:{width:16,height:16,marginRight:3}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({textName:{fontFamily:'Inter',color:_colors.NEUTRAL_700,fontWeight:'700',fontSize:14,lineHeight:22},textValueBold:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'800',fontSize:16,lineHeight:24},row:{marginHorizontal:12,paddingBottom:8,marginBottom:8,borderBottomWidth:1,borderBottomColor:_colors.NEUTRAL_300},titleRowValue:{flexDirection:'row',alignItems:'center'},check:{width:16,height:16},calendar:{width:16,height:16,marginRight:3}});

package/dist-native/helpers/cards_utils.d.ts

@@ -0,0 +1,2 @@
+import { Metadata } from '../types/table.types';
+export declare const findRowTitle: (columns: Metadata[]) => Metadata | undefined;

package/dist-native/helpers/cards_utils.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.findRowTitle=void 0;var findRowTitle=exports.findRowTitle=function findRowTitle(columns){var column=columns.find(function(column){return column.title&&column.key;});return column!=null?column:undefined;};

package/dist-native/helpers/table_utils.d.ts

@@ -1,6 +1,5 @@
 import { Columns } from '../components/table/Table.types';
 import { ViewStyle } from 'react-native';
-import { Metadata } from '../types/table.types';
 export declare const removeHeaderBorder: (header?: string) => false | {
     borderTopWidth: number;
     borderTopLeftRadius: number;
@@ -14,4 +13,3 @@ export declare const isTablet: () => boolean;
 export declare const isDeviceTablet: boolean;
 export declare const disableOutline: () => ViewStyle | undefined;
 export declare const findPrimaryId: (col: Columns[], data: any) => string;
-export declare const findRowTitle: (columns: Metadata[]) => Columns | undefined;

package/dist-native/helpers/table_utils.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.removeHeaderBorder=exports.paintOddRows=exports.isTablet=exports.isOdd=exports.isDeviceTablet=exports.findRowTitle=exports.findPrimaryId=exports.disableOutline=void 0;var _colors=require("../styles/colors");var _reactNative=require("react-native");var width=_reactNative.Dimensions.get('screen').width;var height=_reactNative.Dimensions.get('screen').height;var isWeb=_reactNative.Platform.OS==='web';var removeHeaderBorder=exports.removeHeaderBorder=function removeHeaderBorder(header){return!header&&{borderTopWidth:0,borderTopLeftRadius:0,borderTopRightRadius:0};};var isOdd=exports.isOdd=function isOdd(index){return index%2!==0;};var paintOddRows=exports.paintOddRows=function paintOddRows(index){return isOdd(index)?{backgroundColor:_colors.QUATERNARY_10}:{backgroundColor:_colors.NEUTRAL_0};};var isTablet=exports.isTablet=function isTablet(){var pixelDensity=_reactNative.PixelRatio.get();var adjustedWidth=width*pixelDensity;var adjustedHeight=height*pixelDensity;if(pixelDensity<1.75&&(adjustedWidth>=1000||adjustedHeight>=1000)){return true;}else return pixelDensity===2&&(adjustedWidth>=1920||adjustedHeight>=1920);};var isDeviceTablet=exports.isDeviceTablet=isTablet();var disableOutline=exports.disableOutline=function disableOutline(){if(isWeb){return{outline:'none'};}};var findPrimaryId=exports.findPrimaryId=function findPrimaryId(col,data){var primary='';for(var element of col){if(element.primary===true){if(element.key){primary=data[element.key];break;}}}return primary;};var findRowTitle=exports.findRowTitle=function findRowTitle(columns){var column=columns.find(function(column){return column.title&&column.key;});return column!=null?column:undefined;};
+Object.defineProperty(exports,"__esModule",{value:true});exports.removeHeaderBorder=exports.paintOddRows=exports.isTablet=exports.isOdd=exports.isDeviceTablet=exports.findPrimaryId=exports.disableOutline=void 0;var _colors=require("../styles/colors");var _reactNative=require("react-native");var width=_reactNative.Dimensions.get('screen').width;var height=_reactNative.Dimensions.get('screen').height;var isWeb=_reactNative.Platform.OS==='web';var removeHeaderBorder=exports.removeHeaderBorder=function removeHeaderBorder(header){return!header&&{borderTopWidth:0,borderTopLeftRadius:0,borderTopRightRadius:0};};var isOdd=exports.isOdd=function isOdd(index){return index%2!==0;};var paintOddRows=exports.paintOddRows=function paintOddRows(index){return isOdd(index)?{backgroundColor:_colors.QUATERNARY_10}:{backgroundColor:_colors.NEUTRAL_0};};var isTablet=exports.isTablet=function isTablet(){var pixelDensity=_reactNative.PixelRatio.get();var adjustedWidth=width*pixelDensity;var adjustedHeight=height*pixelDensity;if(pixelDensity<1.75&&(adjustedWidth>=1000||adjustedHeight>=1000)){return true;}else return pixelDensity===2&&(adjustedWidth>=1920||adjustedHeight>=1920);};var isDeviceTablet=exports.isDeviceTablet=isTablet();var disableOutline=exports.disableOutline=function disableOutline(){if(isWeb){return{outline:'none'};}};var findPrimaryId=exports.findPrimaryId=function findPrimaryId(col,data){var primary='';for(var element of col){if(element.primary===true){if(element.key){primary=data[element.key];break;}}}return primary;};

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

@@ -3,6 +3,6 @@ export type Metadata = {
     visible?: boolean;
     label?: string;
     key?: string;
-    type?: 'number' | 'string' | 'boolean' | 'date';
+    type?: 'number' | 'string' | 'boolean' | 'date' | 'time';
     title?: boolean;
 };

package/dist-web/assets/images/icons/TimeIcon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ImageStyle } from 'react-native';
+import { ColorValue, ImageStyle } from 'react-native';
 export interface SvgImageProps {
     style?: ImageStyle;
-    fill?: string;
+    fill?: ColorValue;
 }
 export declare const TimeIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;

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

@@ -94,9 +94,9 @@ var Cards = function Cards(_ref) {
     }, styles.container, {
       backgroundColor: backgroundColor
     }]
-  }, title && onAddNewData && /*#__PURE__*/React.createElement(View, {
+  }, (title || onAddNewData) && /*#__PURE__*/React.createElement(View, {
     style: styles.titleContainer
-  }, /*#__PURE__*/React.createElement(View, {
+  }, title && /*#__PURE__*/React.createElement(View, {
     style: styles.titleTextContainer
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.title
@@ -104,7 +104,7 @@ var Cards = function Cards(_ref) {
     style: styles.title
   }, " (", data.length, ")")), /*#__PURE__*/React.createElement(View, {
     style: styles.buttonContainer
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, onAddNewData && /*#__PURE__*/React.createElement(Button, {
     onPress: onAddNewData,
     typeStyle: 'primary',
     height: 40,
@@ -129,6 +129,6 @@ var Cards = function Cards(_ref) {
     textEmptyCards: textEmptyCards,
     tableHeight: containerHeight,
     isTitle: !!title && !!onAddNewData
-  }), !!data.length && isLoading && /*#__PURE__*/React.createElement(SkeletonCard, null)));
+  }), !!data.length && isLoading && isLoadingMoreData && /*#__PURE__*/React.createElement(SkeletonCard, null)));
 };
 export default Cards;

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

@@ -3,19 +3,23 @@ export declare const styles: {
         flex: number;
         paddingTop: number;
         maxWidth: number;
-        width: "100%";
+        alignItems: "center";
     };
     containerFlex: {
+        maxWidth: number;
         marginTop: number;
         flex: number;
+        paddingHorizontal: number;
+        marginHorizontal: number;
     };
     titleContainer: {
-        marginHorizontal: number;
+        paddingHorizontal: number;
         height: number;
         display: "flex";
         alignItems: "center";
         justifyContent: "space-between";
         flexDirection: "row";
+        width: "100%";
     };
     titleTextContainer: {
         flexDirection: "row";

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

@@ -5,19 +5,23 @@ export var styles = StyleSheet.create({
     flex: 1,
     paddingTop: 12,
     maxWidth: 428,
-    width: '100%'
+    alignItems: 'center'
   },
   containerFlex: {
+    maxWidth: 428,
     marginTop: 12,
-    flex: 1
+    flex: 1,
+    paddingHorizontal: 14,
+    marginHorizontal: 10
   },
   titleContainer: {
-    marginHorizontal: 16,
+    paddingHorizontal: 24,
     height: 48,
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    flexDirection: 'row'
+    flexDirection: 'row',
+    width: '100%'
   },
   titleTextContainer: {
     flexDirection: 'row'

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

@@ -6,11 +6,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useRef, useState } from 'react';
 import { View, Pressable, Animated } from "react-native-web";
-import { findRowTitle, findPrimaryId } from "../../../../helpers/table_utils";
+import { findPrimaryId } from "../../../../helpers/table_utils";
 import { styles } from "./Card.style";
 import { NEUTRAL_200, NEUTRAL_400, NEUTRAL_500, TERTIARY_800 } from "../../../../styles/colors";
 import SwitchColumnCard from "./components/switchRowCard/SwitchRowCard";
 import SwitchTitleCard from "./components/switchTitleCard/SwitchTitleCard";
+import { findRowTitle } from "../../../../helpers/cards_utils";
 var MAX_ROWS = 4;
 var Card = function Card(_ref) {
   var item = _ref.item,

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

@@ -1,7 +1,6 @@
 export declare const styles: {
     container: {
         borderRadius: number;
-        marginHorizontal: number;
         marginBottom: number;
         backgroundColor: string;
         overflow: "hidden";

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

@@ -3,7 +3,6 @@ import { NEUTRAL_50 } from "../../../../styles/colors";
 export var styles = StyleSheet.create({
   container: {
     borderRadius: 8,
-    marginHorizontal: 16,
     marginBottom: 12,
     backgroundColor: NEUTRAL_50,
     overflow: 'hidden',

package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { SwitchRowCardProps } from './SwitchRowCard.type';
+export declare const getIconByType: ({ row, item, color, }: SwitchRowCardProps) => React.JSX.Element | undefined;
 declare const SwitchRowCard: ({ row, item, color }: SwitchRowCardProps) => React.JSX.Element | undefined;
 export default SwitchRowCard;

package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.js

@@ -1,17 +1,49 @@
 import React from 'react';
 import { View, Text } from "react-native-web";
-import { CalendarIcon, CheckFalseIcon, CheckTrueIcon } from "../../../../../../assets/images/icons";
+import { CalendarIcon, CheckFalseIcon, CheckTrueIcon, TimeIcon } from "../../../../../../assets/images/icons";
 import { styles } from "./SwitchRowCard.style";
 var DOTS = '··································································································';
-var SwitchRowCard = function SwitchRowCard(_ref) {
+export var getIconByType = function getIconByType(_ref) {
   var row = _ref.row,
     item = _ref.item,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? {} : _ref$color;
+  if (row !== null && row !== void 0 && row.key && item[row.key]) {
+    switch (row.type) {
+      case 'date':
+        return /*#__PURE__*/React.createElement(CalendarIcon, {
+          style: styles.calendar,
+          fill: color.color
+        });
+      case 'time':
+        return /*#__PURE__*/React.createElement(TimeIcon, {
+          style: styles.calendar,
+          fill: color.color
+        });
+      case 'boolean':
+        return item[row.key] ? /*#__PURE__*/React.createElement(CheckTrueIcon, {
+          style: styles.check,
+          stroke: color.color,
+          fill: 'transparent'
+        }) : /*#__PURE__*/React.createElement(CheckFalseIcon, {
+          style: styles.check,
+          stroke: color.color,
+          fill: 'transparent'
+        });
+      default:
+        break;
+    }
+  }
+};
+var SwitchRowCard = function SwitchRowCard(_ref2) {
+  var row = _ref2.row,
+    item = _ref2.item,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? {} : _ref2$color;
   if (!row) {
     return;
   }
-  if (row.type === 'boolean') {
+  if (row.type !== 'string' && row.type) {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.row
     }, /*#__PURE__*/React.createElement(View, {
@@ -26,35 +58,11 @@ var SwitchRowCard = function SwitchRowCard(_ref) {
       style: styles.rowWitchdotsContainer
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.dots, styles.alignDotsLeft]
-    }, DOTS, " "), row !== null && row !== void 0 && row.key && item[row.key] ? /*#__PURE__*/React.createElement(CheckTrueIcon, {
-      style: styles.check,
-      stroke: color.color,
-      fill: 'transparent'
-    }) : /*#__PURE__*/React.createElement(CheckFalseIcon, {
-      style: styles.check,
-      stroke: color.color,
-      fill: 'transparent'
-    })));
-  }
-  if (row.type === 'date') {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.row
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.rowWitchdotsContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles.textName, color],
-      ellipsizeMode: "tail",
-      numberOfLines: 1
-    }, row === null || row === void 0 ? void 0 : row.label), /*#__PURE__*/React.createElement(Text, {
-      style: [styles.dots, styles.alignDotsRight]
-    }, DOTS, " ")), /*#__PURE__*/React.createElement(View, {
-      style: styles.rowWitchdotsContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [styles.dots, styles.alignDotsLeft]
-    }, DOTS, " "), row !== null && row !== void 0 && row.key && item[row.key] ? /*#__PURE__*/React.createElement(CalendarIcon, {
-      style: styles.calendar,
-      fill: color.color
-    }) : null, /*#__PURE__*/React.createElement(Text, {
+    }, DOTS), getIconByType({
+      row: row,
+      item: item,
+      color: color
+    }), row.type !== 'boolean' && /*#__PURE__*/React.createElement(Text, {
       style: [styles.textValue, color],
       ellipsizeMode: "tail",
       numberOfLines: 1

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

@@ -6,9 +6,6 @@ export declare const styles: {
         fontSize: number;
         lineHeight: number;
     };
-    selfSpace: {
-        width: "50%";
-    };
     textValue: {
         fontFamily: string;
         color: string;
@@ -30,13 +27,11 @@ export declare const styles: {
     check: {
         width: number;
         height: number;
-        marginLeft: number;
     };
     calendar: {
         width: number;
         height: number;
         marginRight: number;
-        marginLeft: number;
     };
     dots: {
         flex: number;
@@ -52,9 +47,11 @@ export declare const styles: {
     };
     alignDotsRight: {
         textAlign: "right";
+        paddingLeft: number;
     };
     alignDotsLeft: {
         textAlign: "left";
+        paddingRight: number;
     };
     paddingCalendar: {
         paddingRight: number;

package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.style.js

@@ -8,9 +8,6 @@ export var styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: 20
   },
-  selfSpace: {
-    width: '50%'
-  },
   textValue: {
     fontFamily: 'Inter',
     color: NEUTRAL_1000,
@@ -31,14 +28,12 @@ export var styles = StyleSheet.create({
   },
   check: {
     width: 16,
-    height: 16,
-    marginLeft: 8
+    height: 16
   },
   calendar: {
     width: 16,
     height: 16,
-    marginRight: 4,
-    marginLeft: 8
+    marginRight: 4
   },
   dots: {
     flex: 1,
@@ -53,10 +48,12 @@ export var styles = StyleSheet.create({
     height: 20
   },
   alignDotsRight: {
-    textAlign: 'right'
+    textAlign: 'right',
+    paddingLeft: 8
   },
   alignDotsLeft: {
-    textAlign: 'left'
+    textAlign: 'left',
+    paddingRight: 8
   },
   paddingCalendar: {
     paddingRight: 16

package/dist-web/components/cards/components/card/components/switchRowCard/SwitchRowCard.type.d.ts

@@ -4,4 +4,5 @@ export interface SwitchRowCardProps {
     row?: Metadata;
     item: any;
     color: TextStyle | undefined;
+    margin?: boolean;
 }

package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, Text } from "react-native-web";
-import { CalendarIcon, CheckFalseIcon, CheckTrueIcon } from "../../../../../../assets/images/icons";
 import { styles } from "./SwitchTitleCard.style";
+import { getIconByType } from "../switchRowCard/SwitchRowCard";
 var SwitchTitleCard = function SwitchTitleCard(_ref) {
   var row = _ref.row,
     item = _ref.item,
@@ -10,44 +10,22 @@ var SwitchTitleCard = function SwitchTitleCard(_ref) {
   if (!row) {
     return;
   }
-  var renderContent = function renderContent() {
-    if (row.type === 'boolean') {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.titleRowValue
-      }, row !== null && row !== void 0 && row.key && item[row.key] ? /*#__PURE__*/React.createElement(CheckTrueIcon, {
-        style: styles.check,
-        stroke: color.color,
-        fill: 'transparent'
-      }) : /*#__PURE__*/React.createElement(CheckFalseIcon, {
-        style: styles.check,
-        stroke: color.color,
-        fill: 'transparent'
-      }));
-    }
-    if (row.type === 'date') {
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.titleRowValue
-      }, row !== null && row !== void 0 && row.key && item[row.key] ? /*#__PURE__*/React.createElement(CalendarIcon, {
-        style: styles.calendar,
-        fill: color.color
-      }) : null, /*#__PURE__*/React.createElement(Text, {
-        style: [styles.textValueBold, color],
-        ellipsizeMode: "tail",
-        numberOfLines: 1
-      }, row !== null && row !== void 0 && row.key ? item[row.key] : ''));
-    }
-    return /*#__PURE__*/React.createElement(Text, {
-      style: [styles.textValueBold, color],
-      ellipsizeMode: "tail",
-      numberOfLines: 2
-    }, row !== null && row !== void 0 && row.key ? item[row.key] : '');
-  };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.textName, color],
     ellipsizeMode: "tail",
     numberOfLines: 1
-  }, row.label), renderContent());
+  }, row.label), /*#__PURE__*/React.createElement(View, {
+    style: styles.titleRowValue
+  }, getIconByType({
+    row: row,
+    item: item,
+    color: color
+  }), row.type !== 'boolean' && /*#__PURE__*/React.createElement(Text, {
+    style: [styles.textValueBold, color],
+    ellipsizeMode: "tail",
+    numberOfLines: 2
+  }, row !== null && row !== void 0 && row.key ? item[row.key] : '')));
 };
 export default SwitchTitleCard;

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

@@ -22,7 +22,6 @@ export declare const styles: {
     };
     titleRowValue: {
         flexDirection: "row";
-        height: number;
         alignItems: "center";
     };
     check: {

package/dist-web/components/cards/components/card/components/switchTitleCard/SwitchTitleCard.style.js

@@ -24,7 +24,6 @@ export var styles = StyleSheet.create({
   },
   titleRowValue: {
     flexDirection: 'row',
-    height: 24,
     alignItems: 'center'
   },
   check: {

package/dist-web/helpers/cards_utils.d.ts

@@ -0,0 +1,2 @@
+import { Metadata } from '../types/table.types';
+export declare const findRowTitle: (columns: Metadata[]) => Metadata | undefined;

package/dist-web/helpers/cards_utils.js

@@ -0,0 +1,6 @@
+export var findRowTitle = function findRowTitle(columns) {
+  var column = columns.find(function (column) {
+    return column.title && column.key;
+  });
+  return column !== null && column !== void 0 ? column : undefined;
+};

package/dist-web/helpers/table_utils.d.ts

@@ -1,6 +1,5 @@
 import { Columns } from '../components/table/Table.types';
 import { ViewStyle } from 'react-native';
-import { Metadata } from '../types/table.types';
 export declare const removeHeaderBorder: (header?: string) => false | {
     borderTopWidth: number;
     borderTopLeftRadius: number;
@@ -14,4 +13,3 @@ export declare const isTablet: () => boolean;
 export declare const isDeviceTablet: boolean;
 export declare const disableOutline: () => ViewStyle | undefined;
 export declare const findPrimaryId: (col: Columns[], data: any) => string;
-export declare const findRowTitle: (columns: Metadata[]) => Columns | undefined;

package/dist-web/helpers/table_utils.js

@@ -62,10 +62,4 @@ export var findPrimaryId = function findPrimaryId(col, data) {
     _iterator.f();
   }
   return primary;
-};
-export var findRowTitle = function findRowTitle(columns) {
-  var column = columns.find(function (column) {
-    return column.title && column.key;
-  });
-  return column !== null && column !== void 0 ? column : undefined;
 };

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

@@ -3,6 +3,6 @@ export type Metadata = {
     visible?: boolean;
     label?: string;
     key?: string;
-    type?: 'number' | 'string' | 'boolean' | 'date';
+    type?: 'number' | 'string' | 'boolean' | 'date' | 'time';
     title?: boolean;
 };

package/package.json

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