@herca/rn-kit 0.1.92 → 0.1.93

package/lib/module/Provider/RequiredUpdateAppsProvider.js

@@ -1,63 +1,83 @@
 "use strict";
 
-import { Image, StyleSheet, View } from 'react-native';
-import { Button, Color, Container, Modal, Typography } from "../index.js";
 import { useEffect } from 'react';
+import { Image, Platform, StyleSheet, View } from 'react-native';
+import { Button, Card, Color, Modal, Typography } from "../index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function RequiredUpdateAppsProvider({
   title,
   description,
   buttonText = 'Update Sekarang',
-  onUpdate
+  onUpdate,
+  fillScreen = false
 }) {
   useEffect(() => {
     onUpdate?.(false);
   }, [onUpdate]);
-  return /*#__PURE__*/_jsx(View, {
-    children: /*#__PURE__*/_jsxs(Modal, {
-      height: 300,
-      isOpen: true,
-      closable: false,
-      children: [/*#__PURE__*/_jsx(Image, {
+  return /*#__PURE__*/_jsxs(Modal, {
+    isOpen: true,
+    closable: false,
+    modalStyle: fillScreen ? styles.modalFill : undefined,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Image, {
         source: require('../_assets/updateapps.png'),
         style: styles.image
-      }), /*#__PURE__*/_jsxs(Container, {
-        style: styles.container,
+      })
+    }), /*#__PURE__*/_jsxs(Card, {
+      style: styles.container,
+      borderColor: "transparent",
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.content,
         children: [/*#__PURE__*/_jsx(Typography, {
-          variant: "h4",
+          variant: "p1",
           weight: "semibold",
-          color: Color.gray[800],
+          color: Color.gray[900],
           center: true,
           children: title
         }), /*#__PURE__*/_jsx(Typography, {
-          variant: "t1",
-          weight: "regular",
-          color: Color.gray[600],
+          variant: "t2",
+          color: Color.gray[700],
           center: true,
           children: description
-        }), /*#__PURE__*/_jsx(View, {
-          style: {},
-          children: /*#__PURE__*/_jsx(Button, {
-            title: buttonText,
-            color: "primary",
-            onPress: () => {
-              onUpdate?.(false);
-            }
-          })
         })]
+      }), /*#__PURE__*/_jsx(View, {
+        children: /*#__PURE__*/_jsx(Button, {
+          title: buttonText,
+          color: "primary",
+          onPress: () => {
+            onUpdate?.(false);
+          }
+        })
       })]
-    })
+    })]
   });
 }
 const styles = StyleSheet.create({
   image: {
-    position: 'absolute',
-    marginTop: -60,
-    left: 30
+    marginTop: Platform.OS === 'ios' ? -60 : -75,
+    objectFit: 'contain',
+    height: 124
   },
   container: {
     gap: 20,
-    marginTop: 80
+    padding: Platform.OS === 'ios' ? 24 : 10
+  },
+  content: {
+    gap: 10
+  },
+  modalFill: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: '100%',
+    height: '100%',
+    maxHeight: 'auto',
+    justifyContent: 'center'
   }
 });
 //# sourceMappingURL=RequiredUpdateAppsProvider.js.map

package/lib/module/Provider/RequiredUpdateAppsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","StyleSheet","View","Button","Color","Container","Modal","Typography","useEffect","jsx","_jsx","jsxs","_jsxs","RequiredUpdateAppsProvider","title","description","buttonText","onUpdate","children","height","isOpen","closable","source","require","style","styles","image","container","variant","weight","color","gray","center","onPress","create","position","marginTop","left","gap"],"sourceRoot":"../../../src","sources":["Provider/RequiredUpdateAppsProvider.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,QAAQ,aAAI;AAEhE,SAASC,SAAS,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,eAAe,SAASC,0BAA0BA,CAAC;EACjDC,KAAK;EACLC,WAAW;EACXC,UAAU,GAAG,iBAAiB;EAC9BC;AAC+B,CAAC,EAAE;EAClCT,SAAS,CAAC,MAAM;IACdS,QAAQ,GAAG,KAAK,CAAC;EACnB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACd,oBACEP,IAAA,CAACR,IAAI;IAAAgB,QAAA,eACHN,KAAA,CAACN,KAAK;MAACa,MAAM,EAAE,GAAI;MAACC,MAAM,EAAE,IAAK;MAACC,QAAQ,EAAE,KAAM;MAAAH,QAAA,gBAChDR,IAAA,CAACV,KAAK;QACJsB,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;QAC7CC,KAAK,EAAEC,MAAM,CAACC;MAAM,CACrB,CAAC,eACFd,KAAA,CAACP,SAAS;QAACmB,KAAK,EAAEC,MAAM,CAACE,SAAU;QAAAT,QAAA,gBACjCR,IAAA,CAACH,UAAU;UACTqB,OAAO,EAAC,IAAI;UACZC,MAAM,EAAC,UAAU;UACjBC,KAAK,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;UACvBC,MAAM;UAAAd,QAAA,EAELJ;QAAK,CACI,CAAC,eACbJ,IAAA,CAACH,UAAU;UACTqB,OAAO,EAAC,IAAI;UACZC,MAAM,EAAC,SAAS;UAChBC,KAAK,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAE;UACvBC,MAAM;UAAAd,QAAA,EAELH;QAAW,CACF,CAAC,eACbL,IAAA,CAACR,IAAI;UAACsB,KAAK,EAAE,CAAC,CAAE;UAAAN,QAAA,eACdR,IAAA,CAACP,MAAM;YACLW,KAAK,EAAEE,UAAW;YAClBc,KAAK,EAAC,SAAS;YACfG,OAAO,EAAEA,CAAA,KAAM;cACbhB,QAAQ,GAAG,KAAK,CAAC;YACnB;UAAE,CACH;QAAC,CACE,CAAC;MAAA,CACE,CAAC;IAAA,CACP;EAAC,CACJ,CAAC;AAEX;AAEA,MAAMQ,MAAM,GAAGxB,UAAU,CAACiC,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,CAAC,EAAE;IACdC,IAAI,EAAE;EACR,CAAC;EACDV,SAAS,EAAE;IACTW,GAAG,EAAE,EAAE;IACPF,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","Image","Platform","StyleSheet","View","Button","Card","Color","Modal","Typography","jsx","_jsx","jsxs","_jsxs","RequiredUpdateAppsProvider","title","description","buttonText","onUpdate","fillScreen","isOpen","closable","modalStyle","styles","modalFill","undefined","children","style","alignItems","source","require","image","container","borderColor","content","variant","weight","color","gray","center","onPress","create","marginTop","OS","objectFit","height","gap","padding","position","top","left","right","bottom","width","maxHeight","justifyContent"],"sourceRoot":"../../../src","sources":["Provider/RequiredUpdateAppsProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/Provider/RequiredUpdateAppsProvider.d.ts

@@ -1,3 +1,3 @@
 import type { RequiredUpdateAppsProviderProps } from './type';
-export default function RequiredUpdateAppsProvider({ title, description, buttonText, onUpdate, }: RequiredUpdateAppsProviderProps): import("react/jsx-runtime").JSX.Element;
+export default function RequiredUpdateAppsProvider({ title, description, buttonText, onUpdate, fillScreen, }: RequiredUpdateAppsProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RequiredUpdateAppsProvider.d.ts.map

package/lib/typescript/src/Provider/RequiredUpdateAppsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequiredUpdateAppsProvider.d.ts","sourceRoot":"","sources":["../../../../src/Provider/RequiredUpdateAppsProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,QAAQ,CAAC;AAG9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,KAAK,EACL,WAAW,EACX,UAA8B,EAC9B,QAAQ,GACT,EAAE,+BAA+B,2CAyCjC"}
+{"version":3,"file":"RequiredUpdateAppsProvider.d.ts","sourceRoot":"","sources":["../../../../src/Provider/RequiredUpdateAppsProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,KAAK,EACL,WAAW,EACX,UAA8B,EAC9B,QAAQ,EACR,UAAkB,GACnB,EAAE,+BAA+B,2CA2CjC"}

package/lib/typescript/src/Provider/type.d.ts

@@ -3,5 +3,6 @@ export interface RequiredUpdateAppsProviderProps {
     description?: string;
     buttonText?: string;
     onUpdate?: (value: boolean) => void;
+    fillScreen?: boolean;
 }
 //# sourceMappingURL=type.d.ts.map

package/lib/typescript/src/Provider/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Provider/type.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Provider/type.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herca/rn-kit",
-  "version": "0.1.92",
+  "version": "0.1.93",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/Provider/RequiredUpdateAppsProvider.tsx

@@ -1,64 +1,81 @@
-import { Image, StyleSheet, View } from 'react-native';
-import { Button, Color, Container, Modal, Typography } from '..';
-import type { RequiredUpdateAppsProviderProps } from './type';
 import { useEffect } from 'react';
+import { Image, Platform, StyleSheet, View } from 'react-native';
+import { Button, Card, Color, Modal, Typography } from '..';
+import type { RequiredUpdateAppsProviderProps } from './type';
 
 export default function RequiredUpdateAppsProvider({
   title,
   description,
   buttonText = 'Update Sekarang',
   onUpdate,
+  fillScreen = false,
 }: RequiredUpdateAppsProviderProps) {
   useEffect(() => {
     onUpdate?.(false);
   }, [onUpdate]);
   return (
-    <View>
-      <Modal height={300} isOpen={true} closable={false}>
+    <Modal
+      isOpen={true}
+      closable={false}
+      modalStyle={fillScreen ? styles.modalFill : undefined}
+    >
+      <View style={{ alignItems: 'center' }}>
         <Image
           source={require('../_assets/updateapps.png')}
           style={styles.image}
         />
-        <Container style={styles.container}>
+      </View>
+      <Card style={styles.container} borderColor="transparent">
+        <View style={styles.content}>
           <Typography
-            variant="h4"
+            variant="p1"
             weight="semibold"
-            color={Color.gray[800]}
+            color={Color.gray[900]}
             center
           >
             {title}
           </Typography>
-          <Typography
-            variant="t1"
-            weight="regular"
-            color={Color.gray[600]}
-            center
-          >
+          <Typography variant="t2" color={Color.gray[700]} center>
             {description}
           </Typography>
-          <View style={{}}>
-            <Button
-              title={buttonText}
-              color="primary"
-              onPress={() => {
-                onUpdate?.(false);
-              }}
-            />
-          </View>
-        </Container>
-      </Modal>
-    </View>
+        </View>
+
+        <View>
+          <Button
+            title={buttonText}
+            color="primary"
+            onPress={() => {
+              onUpdate?.(false);
+            }}
+          />
+        </View>
+      </Card>
+    </Modal>
   );
 }
 
 const styles = StyleSheet.create({
   image: {
-    position: 'absolute',
-    marginTop: -60,
-    left: 30,
+    marginTop: Platform.OS === 'ios' ? -60 : -75,
+    objectFit: 'contain',
+    height: 124,
   },
   container: {
     gap: 20,
-    marginTop: 80,
+    padding: Platform.OS === 'ios' ? 24 : 10,
+  },
+  content: {
+    gap: 10,
+  },
+  modalFill: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: '100%',
+    height: '100%',
+    maxHeight: 'auto',
+    justifyContent: 'center',
   },
 });

package/src/Provider/type.tsx

@@ -3,4 +3,5 @@ export interface RequiredUpdateAppsProviderProps {
   description?: string;
   buttonText?: string;
   onUpdate?: (value: boolean) => void;
+  fillScreen?: boolean;
 }