etendo-ui-library 1.3.39 → 1.3.41

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 _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 _useState3=(0,_react.useState)({shadowOpacity:0.1}),_useState4=(0,_slicedToArray2.default)(_useState3,2),shadowOpacity=_useState4[0],setShadowOpacity=_useState4[1];var onHoverIn=function onHoverIn(){setShadowOpacity({shadowOpacity:0.2});};var onHoverOut=function onHoverOut(){setShadowOpacity({shadowOpacity:0.1});};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:71,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),shadowOpacity],__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,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:97,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 _useState3=(0,_react.useState)({shadowOpacity:0.1}),_useState4=(0,_slicedToArray2.default)(_useState3,2),shadowOpacity=_useState4[0],setShadowOpacity=_useState4[1];var onHoverIn=function onHoverIn(){setShadowOpacity({shadowOpacity:0.2});};var onHoverOut=function onHoverOut(){setShadowOpacity({shadowOpacity:0.1});};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};}return{backgroundColor:_Card.styles.container.backgroundColor};};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:72,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),shadowOpacity],__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,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(),backgroundColor:changeBackground(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:17}});})));};var _default=exports.default=Card;

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

@@ -1,5 +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;
+declare const SwitchRowCard: ({ row, item, color, backgroundColor, }: 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.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,{numberOfLines:1,ellipsizeMode:"clip",style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsRight,{textOverflow:'clip'}],__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:71,columnNumber:9}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"clip",style:[_SwitchRowCard.styles.dots,_SwitchRowCard.styles.alignDotsLeft,{textOverflow:'clip'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:72,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:85,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:98,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,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:105,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]||item[row.key]===false)){switch(row.type){case'date':return _react.default.createElement(_icons.CalendarIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:16}});case'time':return _react.default.createElement(_icons.TimeIcon,{style:_SwitchRowCard.styles.calendar,fill:color.color,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,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:26,columnNumber:11}}):_react.default.createElement(_icons.CheckFalseIcon,{style:_SwitchRowCard.styles.check,stroke:color.color,fill:'transparent',__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,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,backgroundColor=_ref2.backgroundColor;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:55,columnNumber:7}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"clip",style:_SwitchRowCard.styles.dots,__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:9}},DOTS),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingRight,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:11}},row==null?void 0:row.label)),_react.default.createElement(_reactNative.View,{style:[_SwitchRowCard.styles.contentMiddleRow,_SwitchRowCard.styles.paddingLeft,backgroundColor],__self:_this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:9}},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:80,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:93,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_SwitchRowCard.styles.textName,color],ellipsizeMode:"tail",numberOfLines:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,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:100,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

@@ -15,9 +15,10 @@ export declare const styles: {
     };
     row: {
         width: "100%";
+        justifyContent: "space-between";
         flexDirection: "row";
         paddingHorizontal: number;
-        paddingBottom: number;
+        marginBottom: number;
         alignItems: "center";
     };
     column: {
@@ -39,28 +40,26 @@ export declare const styles: {
         maxWidth: number;
     };
     dots: {
-        flex: number;
         letterSpacing: number;
         color: string;
         fontWeight: "700";
+        position: "absolute";
         overflow: "hidden";
+        lineHeight: number;
+        alignSelf: "center";
+        textAlignVertical: "center";
+        display: "flex";
     };
-    rowWitchdotsContainer: {
-        overflow: "hidden";
-        width: "50%";
+    contentMiddleRow: {
+        maxWidth: "50%";
         flexDirection: "row";
         alignItems: "center";
         height: number;
     };
-    alignDotsRight: {
-        textAlign: "right";
-        marginLeft: number;
-    };
-    alignDotsLeft: {
-        textAlign: "left";
-        marginRight: number;
+    paddingLeft: {
+        paddingLeft: number;
     };
-    paddingCalendar: {
+    paddingRight: {
         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},textValue:{fontFamily:'Inter',color:_colors.NEUTRAL_1000,fontWeight:'600',fontSize:14,lineHeight:20},row:{width:'100%',flexDirection:'row',paddingHorizontal:12,paddingBottom:8,alignItems:'center'},column:{flexDirection:'column',paddingHorizontal:12,paddingBottom:8},check:{width:16,height:16,minWidth:16,maxWidth:16},calendar:{width:16,height:16,marginRight:4,minWidth:16,maxWidth:16},dots:{flex:1,letterSpacing:8,color:_colors.NEUTRAL_400,fontWeight:'700',overflow:'hidden'},rowWitchdotsContainer:{overflow:'hidden',width:'50%',flexDirection:'row',alignItems:'center',height:20},alignDotsRight:{textAlign:'right',marginLeft:8},alignDotsLeft:{textAlign:'left',marginRight:8},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:{width:'100%',justifyContent:'space-between',flexDirection:'row',paddingHorizontal:12,marginBottom:8,alignItems:'center'},column:{flexDirection:'column',paddingHorizontal:12,paddingBottom:8},check:{width:16,height:16,minWidth:16,maxWidth:16},calendar:{width:16,height:16,marginRight:4,minWidth:16,maxWidth:16},dots:{letterSpacing:8,color:_colors.NEUTRAL_400,fontWeight:'700',position:'absolute',overflow:'hidden',lineHeight:20,alignSelf:'center',textAlignVertical:'center',display:'flex'},contentMiddleRow:{maxWidth:'50%',flexDirection:'row',alignItems:'center',height:20},paddingLeft:{paddingLeft:8},paddingRight:{paddingRight:8}});

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

@@ -1,8 +1,9 @@
-import { TextStyle } from 'react-native';
+import { ViewStyle, TextStyle } from 'react-native';
 import { Metadata } from '../../../../../../types/table.types';
 export interface SwitchRowCardProps {
     row?: Metadata;
     item: any;
     color: TextStyle | undefined;
     margin?: boolean;
+    backgroundColor?: ViewStyle;
 }

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

@@ -53,6 +53,9 @@ var Card = function Card(_ref) {
         backgroundColor: NEUTRAL_200
       };
     }
+    return {
+      backgroundColor: styles.container.backgroundColor
+    };
   };
   var changeStatusBackground = function changeStatusBackground() {
     if (isDisabled()) {
@@ -106,7 +109,8 @@ var Card = function Card(_ref) {
       key: 'rowCard' + index + rowIndex,
       row: row,
       item: item,
-      color: changeTextColor()
+      color: changeTextColor(),
+      backgroundColor: changeBackground()
     });
   })));
 };

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

@@ -1,5 +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;
+declare const SwitchRowCard: ({ row, item, color, backgroundColor, }: SwitchRowCardProps) => React.JSX.Element | undefined;
 export default SwitchRowCard;

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

@@ -2,13 +2,13 @@ import React from 'react';
 import { View, Text } from "react-native-web";
 import { CalendarIcon, CheckFalseIcon, CheckTrueIcon, TimeIcon } from "../../../../../../assets/images/icons";
 import { styles } from "./SwitchRowCard.style";
-var DOTS = '··································································································';
+var DOTS = '··························';
 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]) {
+  if (row !== null && row !== void 0 && row.key && (item[row.key] || item[row.key] === false)) {
     switch (row.type) {
       case 'date':
         return /*#__PURE__*/React.createElement(CalendarIcon, {
@@ -39,38 +39,27 @@ var SwitchRowCard = function SwitchRowCard(_ref2) {
   var row = _ref2.row,
     item = _ref2.item,
     _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? {} : _ref2$color;
+    color = _ref2$color === void 0 ? {} : _ref2$color,
+    backgroundColor = _ref2.backgroundColor;
   if (!row) {
     return;
   }
   if (row.type !== 'string' && row.type) {
     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, {
       numberOfLines: 1,
       ellipsizeMode: "clip",
-      style: [styles.dots, styles.alignDotsRight,
-      // @ts-ignore
-      {
-        textOverflow: 'clip'
-      }]
-    }, DOTS)), /*#__PURE__*/React.createElement(View, {
-      style: styles.rowWitchdotsContainer
+      style: styles.dots
+    }, DOTS), /*#__PURE__*/React.createElement(View, {
+      style: [styles.contentMiddleRow, styles.paddingRight, backgroundColor]
     }, /*#__PURE__*/React.createElement(Text, {
-      numberOfLines: 1,
-      ellipsizeMode: "clip",
-      style: [styles.dots, styles.alignDotsLeft,
-      // @ts-ignore
-      {
-        textOverflow: 'clip'
-      }]
-    }, DOTS), getIconByType({
+      style: [styles.textName, color],
+      ellipsizeMode: "tail",
+      numberOfLines: 1
+    }, row === null || row === void 0 ? void 0 : row.label)), /*#__PURE__*/React.createElement(View, {
+      style: [styles.contentMiddleRow, styles.paddingLeft, backgroundColor]
+    }, getIconByType({
       row: row,
       item: item,
       color: color

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

@@ -15,9 +15,10 @@ export declare const styles: {
     };
     row: {
         width: "100%";
+        justifyContent: "space-between";
         flexDirection: "row";
         paddingHorizontal: number;
-        paddingBottom: number;
+        marginBottom: number;
         alignItems: "center";
     };
     column: {
@@ -39,28 +40,26 @@ export declare const styles: {
         maxWidth: number;
     };
     dots: {
-        flex: number;
         letterSpacing: number;
         color: string;
         fontWeight: "700";
+        position: "absolute";
         overflow: "hidden";
+        lineHeight: number;
+        alignSelf: "center";
+        textAlignVertical: "center";
+        display: "flex";
     };
-    rowWitchdotsContainer: {
-        overflow: "hidden";
-        width: "50%";
+    contentMiddleRow: {
+        maxWidth: "50%";
         flexDirection: "row";
         alignItems: "center";
         height: number;
     };
-    alignDotsRight: {
-        textAlign: "right";
-        marginLeft: number;
-    };
-    alignDotsLeft: {
-        textAlign: "left";
-        marginRight: number;
+    paddingLeft: {
+        paddingLeft: number;
     };
-    paddingCalendar: {
+    paddingRight: {
         paddingRight: number;
     };
 };

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

@@ -17,9 +17,10 @@ export var styles = StyleSheet.create({
   },
   row: {
     width: '100%',
+    justifyContent: 'space-between',
     flexDirection: 'row',
     paddingHorizontal: 12,
-    paddingBottom: 8,
+    marginBottom: 8,
     alignItems: 'center'
   },
   column: {
@@ -41,28 +42,26 @@ export var styles = StyleSheet.create({
     maxWidth: 16
   },
   dots: {
-    flex: 1,
     letterSpacing: 8,
     color: NEUTRAL_400,
     fontWeight: '700',
-    overflow: 'hidden'
-  },
-  rowWitchdotsContainer: {
+    position: 'absolute',
     overflow: 'hidden',
-    width: '50%',
+    lineHeight: 20,
+    alignSelf: 'center',
+    textAlignVertical: 'center',
+    display: 'flex'
+  },
+  contentMiddleRow: {
+    maxWidth: '50%',
     flexDirection: 'row',
     alignItems: 'center',
     height: 20
   },
-  alignDotsRight: {
-    textAlign: 'right',
-    marginLeft: 8
-  },
-  alignDotsLeft: {
-    textAlign: 'left',
-    marginRight: 8
+  paddingLeft: {
+    paddingLeft: 8
   },
-  paddingCalendar: {
-    paddingRight: 16
+  paddingRight: {
+    paddingRight: 8
   }
 });

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

@@ -1,8 +1,9 @@
-import { TextStyle } from 'react-native';
+import { ViewStyle, TextStyle } from 'react-native';
 import { Metadata } from '../../../../../../types/table.types';
 export interface SwitchRowCardProps {
     row?: Metadata;
     item: any;
     color: TextStyle | undefined;
     margin?: boolean;
+    backgroundColor?: ViewStyle;
 }

package/package.json

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