mg-library 1.0.593 → 1.0.595

package/blocks.js

@@ -142,7 +142,7 @@ export function MGBenefits(props) {
                 data={props.benefits}
                 keyExtractor={item => item.idNotice.toString()}
                 renderItem={({ item }) => (
-                    <Card header={cardHeader(item)} style={{ marginBottom: 10, marginHorizontal: 10 }}>
+                    <MGCard header={cardHeader(item)} style={{ marginBottom: 10, marginHorizontal: 10 }}>
                         {item.imageUrl != undefined &&
                             <View style={{ flexGrow: 1, alignItems: 'center', marginBottom: 5 }}>
                                 <Image source={{ uri: item.imageUrl }} style={{ width: '50%', resizeMode: 'contain', height: undefined, aspectRatio: 1 }} />
@@ -151,7 +151,7 @@ export function MGBenefits(props) {
                         <View style={{ flexGrow: 1, alignItems: 'center', marginBottom: 10 }}>
                             <MGText style={{ flexGrow: 1, textAlign: 'center' }}>{item.content}</MGText>
                         </View>
-                    </Card>
+                    </MGCard>
                 )}
                 ListHeaderComponent={listHeaderComponent}
                 ListFooterComponent={listFooterComponent}
@@ -241,7 +241,7 @@ export function MGLogin(props) {
                         </View>
                     }
                     <View>
-                        <Card style={{ flexDirection: 'column', justifyContent: 'center', alignContent: 'center', marginLeft: 30, marginRight: 30 }}
+                        <MGCard style={{ flexDirection: 'column', justifyContent: 'center', alignContent: 'center', marginLeft: 30, marginRight: 30 }}
                             header={cardHeader}
                             footer={cardFooter}>
                             <Controller
@@ -292,7 +292,7 @@ export function MGLogin(props) {
                                     )}
                                     name="password" />
                             }
-                        </Card>
+                        </MGCard>
                     </View>
                 </View>
             </Box>
@@ -332,12 +332,12 @@ export function MGCurrentAccount(props) {
             {props.goBack != undefined &&
                 props.goBack
             }
-            <Card style={{ marginHorizontal: 30, marginBottom: 10 }}>
+            <MGCard style={{ marginHorizontal: 30, marginBottom: 10 }}>
                 <View style={{ alignItems: 'center' }}>
                     <MGText category='p1'>{mgFunctionsLib.i18nString('balance', props.language)}</MGText>
                     <MGText category='h3'>{props.balanceComposition.total._asCurrency(props.company.currencySymbol)}</MGText>
                 </View>
-            </Card>
+            </MGCard>
         </View>
     );
     return (
@@ -345,14 +345,14 @@ export function MGCurrentAccount(props) {
             data={props.balanceComposition.credits}
             keyExtractor={item => item.idCreditDueDate.toString()}
             renderItem={({ item }) => (
-                <Card header={cardHeader(item)} footer={cardFooter(props.company, item)} style={{ marginBottom: 10, marginHorizontal: 10 }}>
+                <MGCard header={cardHeader(item)} footer={cardFooter(props.company, item)} style={{ marginBottom: 10, marginHorizontal: 10 }}>
                     <View style={{ flexDirection: 'column' }}>
                         <View>
                             <MGText category='p1'>{item.description}</MGText>
                             <MGText category='p2'>{props.subDescription(item)}</MGText>
                         </View>
                     </View>
-                </Card>
+                </MGCard>
             )}
             ListHeaderComponent={listHeaderComponent}
         />
@@ -706,7 +706,7 @@ export function MGSessionHeader(props) {
 export function MGDivider() {
     return (
         <>
-            <Divider style={{ height: 1, flexGrow: 1, alignSelf: 'stretch', backgroundColor: 'gray', marginTop: 10, marginBottom: 10 }} />
+            <Divider style={{ height: 1, flexGrow: 1, alignSelf: 'stretch', backgroundColor: 'gray', marginTop: 5, marginBottom: 5 }} />
         </>
     );
 }

package/components.js

@@ -1,4 +1,5 @@
 import { Text, Box } from 'native-base';
+import { MGDivider } from './blocks.js';
 
 const categoryMap = {
     h1: { fontSize: '4xl', fontWeight: 'bold' },
@@ -21,7 +22,7 @@ export function MGText({ category = 'p1', style, ...props }) {
     return <Text {...styleProps} {...props} style={style} />;
 }
 
-export function MGCard({ children, header = null, style = {}, ...props }) {
+/* export function MGCard({ children, header = null, style = {}, ...props }) {
     return (
         <Box
             borderWidth={1}
@@ -39,21 +40,21 @@ export function MGCard({ children, header = null, style = {}, ...props }) {
             {children}
         </Box>
     );
-}
+} */
 
-export default function MGCard({ children, header = null, footer = null, style = {}, ...props }) {
+export function MGCard({ children, header = null, footer = null, style = {}, ...props }) {
   return (
     <Box borderWidth={1} borderColor="coolGray.200" borderRadius="md" bg="white" shadow={2} overflow="hidden" mb={4} mx={2} style={style} {...props}>
       {header && (
         <>
           <Box p={4}>{header}</Box>
-          <Divider />
+          <MGDivider />
         </>
       )}
       <Box p={4}>{children}</Box>
       {footer && (
         <>
-          <Divider />
+          <MGDivider />
           <Box p={4}>{footer}</Box>
         </>
       )}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.593",
+    "version": "1.0.595",
     "description": "",
     "main": "index.js",
     "scripts": {