@herca/rn-kit 0.1.9 → 0.1.11

package/lib/module/Ui/Footer.js

@@ -1,9 +1,11 @@
 "use strict";
 
-import React, { useEffect } from 'react';
-import { StyleSheet, SafeAreaView } from 'react-native';
-import Color from "../Color/Color.js";
+// Footer.tsx
+import React, { useMemo } from 'react';
+import { SafeAreaView, StyleSheet } from 'react-native';
 import { useFooter } from "../Provider/Provider.js";
+import Color from "../Color/Color.js";
+import { useOptionalFocusEffect } from "../hooks/useOptionalFocusEffect.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Footer = ({
   children,
@@ -12,14 +14,14 @@ const Footer = ({
   const {
     setFooter
   } = useFooter();
-  useEffect(() => {
-    const footerElement = /*#__PURE__*/_jsx(SafeAreaView, {
-      style: [styles.container, style],
-      children: children
-    });
+  const footerElement = useMemo(() => /*#__PURE__*/_jsx(SafeAreaView, {
+    style: [styles.container, style],
+    children: children
+  }), [children, style]);
+  useOptionalFocusEffect(() => {
     setFooter(footerElement);
     return () => setFooter(null);
-  }, [children, style, setFooter]);
+  });
   return null;
 };
 export default Footer;

package/lib/module/Ui/Footer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","StyleSheet","SafeAreaView","Color","useFooter","jsx","_jsx","Footer","children","style","setFooter","footerElement","styles","container","create","backgroundColor","base","white100","position","bottom","left","right","zIndex"],"sourceRoot":"../../../src","sources":["Ui/Footer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AAEvD,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SAASC,SAAS,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMjD,MAAMC,MAA6B,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC7D,MAAM;IAAEC;EAAU,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEjCJ,SAAS,CAAC,MAAM;IACd,MAAMW,aAAa,gBACjBL,IAAA,CAACJ,YAAY;MAACO,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAEJ,KAAK,CAAE;MAAAD,QAAA,EAAEA;IAAQ,CAAe,CACzE;IACDE,SAAS,CAACC,aAAa,CAAC;IAExB,OAAO,MAAMD,SAAS,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACF,QAAQ,EAAEC,KAAK,EAAEC,SAAS,CAAC,CAAC;EAEhC,OAAO,IAAI;AACb,CAAC;AAED,eAAeH,MAAM;AAErB,MAAMK,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAEZ,KAAK,CAACa,IAAI,CAACC,QAAQ;IACpCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","SafeAreaView","StyleSheet","useFooter","Color","useOptionalFocusEffect","jsx","_jsx","Footer","children","style","setFooter","footerElement","styles","container","create","backgroundColor","base","white100","position","bottom","left","right","zIndex"],"sourceRoot":"../../../src","sources":["Ui/Footer.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,YAAY,EAAEC,UAAU,QAAwB,cAAc;AACvE,SAASC,SAAS,QAAQ,yBAAsB;AAChD,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SAASC,sBAAsB,QAAQ,oCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzE,MAAMC,MAA6B,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC7D,MAAM;IAAEC;EAAU,CAAC,GAAGR,SAAS,CAAC,CAAC;EAEjC,MAAMS,aAAa,GAAGZ,OAAO,CAC3B,mBACEO,IAAA,CAACN,YAAY;IAACS,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAEJ,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAe,CACzE,EACD,CAACA,QAAQ,EAAEC,KAAK,CAClB,CAAC;EAEDL,sBAAsB,CAAC,MAAM;IAC3BM,SAAS,CAACC,aAAa,CAAC;IACxB,OAAO,MAAMD,SAAS,CAAC,IAAI,CAAC;EAC9B,CAAC,CAAC;EAEF,OAAO,IAAI;AACb,CAAC;AAED,eAAeH,MAAM;AAErB,MAAMK,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAEZ,KAAK,CAACa,IAAI,CAACC,QAAQ;IACpCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks/useOptionalFocusEffect.js

@@ -0,0 +1,19 @@
+"use strict";
+
+// src/hooks/useOptionalFocusEffect.ts
+import { useContext, useEffect, useCallback } from 'react';
+import { NavigationContext, useFocusEffect } from '@react-navigation/native';
+export function useOptionalFocusEffect(callback) {
+  const navigation = useContext(NavigationContext);
+  const effect = useCallback(callback, [callback]);
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  if (navigation) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useFocusEffect(effect);
+  } else {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => effect(), [effect]);
+  }
+}
+//# sourceMappingURL=useOptionalFocusEffect.js.map

package/lib/module/hooks/useOptionalFocusEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useEffect","useCallback","NavigationContext","useFocusEffect","useOptionalFocusEffect","callback","navigation","effect"],"sourceRoot":"../../../src","sources":["hooks/useOptionalFocusEffect.ts"],"mappings":";;AAAA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAC1D,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,0BAA0B;AAE5E,OAAO,SAASC,sBAAsBA,CAACC,QAAmC,EAAE;EAC1E,MAAMC,UAAU,GAAGP,UAAU,CAACG,iBAAiB,CAAC;EAEhD,MAAMK,MAAM,GAAGN,WAAW,CAACI,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEhD;EACA,IAAIC,UAAU,EAAE;IACd;IACAH,cAAc,CAACI,MAAM,CAAC;EACxB,CAAC,MAAM;IACL;IACAP,SAAS,CAAC,MAAMO,MAAM,CAAC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACrC;AACF","ignoreList":[]}

package/lib/typescript/src/CheckBox/CheckBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqCrC,CAAC;AA8BF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAErC;AAkBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuCrC,CAAC;AA8BF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/Chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,QAAQ,CAAC;AAGhB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8F7B,CAAC;AA6BF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,QAAQ,CAAC;AAGhB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgG7B,CAAC;AAiCF,eAAe,IAAI,CAAC"}

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

@@ -45,6 +45,8 @@ export interface ChipProps {
     size?: ChipSizeProps;
     renderItem?: ChipRenderItemFn;
     onRefresh?: () => void;
+    onEndReached?: () => void;
     refreshing?: boolean;
+    footer?: React.ReactElement;
 }
 //# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Chip/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,gBAAgB,EAChB;IACE,eAAe,EAAE,UAAU,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC;IACxB,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;IAC9B,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;CAC/B,CA0FF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AACD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,SAAS,EAAE,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjE;AACD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Chip/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,gBAAgB,EAChB;IACE,eAAe,EAAE,UAAU,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC;IACxB,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;IAC9B,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;CAC/B,CA0FF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AACD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,SAAS,EAAE,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjE;AACD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B"}

package/lib/typescript/src/Drawing/Drawing.d.ts

@@ -1,2 +1,8 @@
-export default function Drawing(): import("react/jsx-runtime").JSX.Element;
+interface DrawingProps {
+    onChange?: (value?: string | undefined | null) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+}
+declare const Drawing: ({ onChange, onEnd, onStart }: DrawingProps) => import("react/jsx-runtime").JSX.Element;
+export default Drawing;
 //# sourceMappingURL=Drawing.d.ts.map

package/lib/typescript/src/Drawing/Drawing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawing.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/Drawing.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAmB9B"}
+{"version":3,"file":"Drawing.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/Drawing.tsx"],"names":[],"mappings":"AASA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,8BAA8B,YAAY,4CAgG1D,CAAC;AA0BF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/type.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/FileView/PdfView.d.ts

@@ -1,5 +1,15 @@
+type Source = {
+    uri?: string;
+    headers?: {
+        [key: string]: string;
+    };
+    cache?: boolean;
+    cacheFileName?: string;
+    expiration?: number;
+    method?: string;
+};
 declare const PdfView: ({ source }: {
-    source?: null | undefined;
+    source: Source;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PdfView;
 //# sourceMappingURL=PdfView.d.ts.map

package/lib/typescript/src/FileView/PdfView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfView.d.ts","sourceRoot":"","sources":["../../../../src/FileView/PdfView.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,OAAO,GAAI;;CAAiB,4CAqBjC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"PdfView.d.ts","sourceRoot":"","sources":["../../../../src/FileView/PdfView.tsx"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAc9C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/src/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgGzC,CAAC;AAuDF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgGzC,CAAC;AA8DF,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FooterProvider.d.ts","sourceRoot":"","sources":["../../../../src/Provider/FooterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,UAAU,iBAAiB;IACzB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;AAID,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAQnE,CAAC;AAEF,eAAO,MAAM,SAAS,yBAMrB,CAAC"}
+{"version":3,"file":"FooterProvider.d.ts","sourceRoot":"","sources":["../../../../src/Provider/FooterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5E,UAAU,iBAAiB;IACzB,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;AAID,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAQnE,CAAC;AAEF,eAAO,MAAM,SAAS,yBAMrB,CAAC"}

package/lib/typescript/src/Select/Select.d.ts

@@ -1,3 +1,3 @@
 import { type SelectProps } from './type';
-export default function Select({ isOpen, data, renderItem, onClose, onSubmit, multiple, onSearch, required, loading, delaySearch, height, onRefresh, refreshing, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export default function Select({ isOpen, data, renderItem, onClose, onSubmit, multiple, onSearch, required, loading, delaySearch, height, onRefresh, refreshing, footer, onEndReached, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

package/lib/typescript/src/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAQ1C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,WAAiB,EACjB,MAAM,EACN,SAAS,EACT,UAAU,GACX,EAAE,WAAW,2CA2Eb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAQ1C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,WAAiB,EACjB,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,GACb,EAAE,WAAW,2CAkFb"}

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

@@ -19,6 +19,8 @@ export interface SelectProps {
     delaySearch?: number;
     height?: BottomSheetHeighProps;
     onRefresh?: () => void;
+    onEndReached?: () => void;
     refreshing?: boolean;
+    footer?: React.ReactElement;
 }
 //# sourceMappingURL=type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Select/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Select/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B"}

package/lib/typescript/src/Tab/TabItem.d.ts

@@ -1,3 +1,5 @@
-declare const TabItem: () => import("react/jsx-runtime").JSX.Element;
+import type { TabItemProps } from './type';
+import React from 'react';
+declare const TabItem: React.FC<TabItemProps>;
 export default TabItem;
 //# sourceMappingURL=TabItem.d.ts.map

package/lib/typescript/src/Tab/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,+CAEZ,CAAC;AACF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAoB,CAAC;AACzD,eAAe,OAAO,CAAC"}

package/lib/typescript/src/Ui/Footer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ViewStyle } from 'react-native';
+import { type ViewStyle } from 'react-native';
 interface FooterProps {
     children: React.ReactNode;
     style?: ViewStyle;

package/lib/typescript/src/Ui/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/Ui/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAajC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/Ui/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKxE,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgBjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/hooks/useOptionalFocusEffect.d.ts

@@ -0,0 +1,2 @@
+export declare function useOptionalFocusEffect(callback: () => void | (() => void)): void;
+//# sourceMappingURL=useOptionalFocusEffect.d.ts.map

package/lib/typescript/src/hooks/useOptionalFocusEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionalFocusEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useOptionalFocusEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QAazE"}

package/package.json

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

package/src/CheckBox/CheckBox.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Pressable, View, Text, StyleSheet } from 'react-native';
-import { Color, Icon } from '@herca/rn-kit'; // Pastikan Icon sudah tersedia
+import { Color, Icon } from '@herca/rn-kit';
+// import type { ColorVariantType } from '../Color/type';
 
 interface CheckBoxProps {
   checked?: boolean;
@@ -8,16 +9,35 @@ interface CheckBoxProps {
   label?: string | React.ReactNode;
   disabled?: boolean;
   renderLabel?: () => React.ReactNode;
+  // color?: ColorVariantType;
 }
 
+// const COLOR_MAP: Record<
+//   ColorVariantType,
+//   {
+//     backgroundColor: ColorValue;
+//     backgroundColorDisabled: ColorValue;
+//   }
+// > = {
+//   primary : {
+//     backgroundColor : Color.primary[1000],
+//     backgroundColorDisabled : Color.primary[100],
+//   },
+//   danger: {
+//     backgroundColor : Color.danger[500],
+//     backgroundColorDisabled : Color.danger[100],
+//   },
+// }
 const CheckBox: React.FC<CheckBoxProps> = ({
   checked = false,
   onChange,
   label,
   disabled = false,
   renderLabel,
+  // color= 'primary'
 }) => {
   const [value, setValue] = useState<boolean>(false);
+  // const _selectedColor = COLOR_MAP[color];
 
   const handlePress = () => {
     const newValue = !value;

package/src/Chip/Chip.tsx

@@ -22,6 +22,8 @@ const Chip: React.FC<ChipProps> = ({
   size = 'medium',
   onRefresh,
   refreshing = false,
+  onEndReached,
+  footer,
 }) => {
   const isHorizontal = direction === 'horizontal';
 
@@ -85,6 +87,7 @@ const Chip: React.FC<ChipProps> = ({
       )}
       keyExtractor={(item) => String(item.value)}
       horizontal={isHorizontal}
+      onEndReached={onEndReached}
       onRefresh={onRefresh}
       refreshing={refreshing}
       scrollEnabled={scrollable}
@@ -97,9 +100,8 @@ const Chip: React.FC<ChipProps> = ({
           alignItems: block ? 'stretch' : 'flex-start',
         },
       ]}
-      columnWrapperStyle={
-        numColumns > 1 ? { gap: 8, flexWrap: 'wrap' } : undefined
-      }
+      columnWrapperStyle={numColumns > 1 ? styles.wrapperStyle : undefined}
+      ListFooterComponent={footer}
     />
   );
 };
@@ -108,6 +110,10 @@ const styles = StyleSheet.create({
   container: {
     gap: 8,
   },
+  wrapperStyle: {
+    gap: 8,
+    flexWrap: 'wrap',
+  },
   chip: {
     borderRadius: 8,
     borderWidth: 1,

package/src/Chip/type.tsx

@@ -148,5 +148,7 @@ export interface ChipProps {
   size?: ChipSizeProps;
   renderItem?: ChipRenderItemFn;
   onRefresh?: () => void;
+  onEndReached?: () => void;
   refreshing?: boolean;
+  footer?: React.ReactElement;
 }

package/src/Drawing/Drawing.tsx

@@ -1,30 +1,129 @@
-import { StyleSheet, View, Text } from 'react-native';
-import SignatureView from 'react-native-signature-canvas';
+import { useRef } from 'react';
+import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import SignatureCanvas, {
+  type SignatureViewRef,
+} from 'react-native-signature-canvas';
+import Icon from '../Icon';
+import Button from '../Button/Button';
+import Color from '../Color/Color';
 
-export default function Drawing() {
+interface DrawingProps {
+  onChange?: (value?: string | undefined | null) => void;
+  onStart?: () => void;
+  onEnd?: () => void;
+}
+
+const Drawing = ({ onChange, onEnd, onStart }: DrawingProps) => {
+  const ref = useRef<SignatureViewRef | null>(null);
+
+  const handleSignature = (signature: string) => {
+    if (signature && onChange) {
+      onChange(signature);
+    }
+  };
+
+  const refreshSignature = () =>
+    requestAnimationFrame(() => ref.current?.readSignature());
+
+  const handleEmpty = () => {
+    if (onChange) {
+      onChange(null);
+    }
+  };
+
+  const handleError = (error: Error) => {
+    console.error('Signature pad error:', error);
+  };
+
+  const handleEnd = () => {
+    refreshSignature();
+    if (onEnd) {
+      onEnd();
+    }
+  };
+
+  const handleBegin = () => {
+    if (onStart) {
+      onStart();
+    }
+  };
+
+  const undo = () => {
+    ref.current?.undo();
+    refreshSignature();
+  };
+
+  const redo = () => {
+    ref.current?.redo();
+    refreshSignature();
+  };
+
+  const clear = () => {
+    ref.current?.clearSignature();
+    if (onChange) {
+      onChange(null);
+    }
+  };
 
   return (
     <View style={styles.container}>
-      <Text>Sedang di bangun</Text>
-      <SignatureView
-        autoClear={true}
-        descriptionText="Sign here"
-        clearText="Clear"
-        confirmText={'Processing...'}
-        penColor="#000000"
-        backgroundColor="rgba(255,255,255,0)"
+      <SignatureCanvas
+        ref={ref}
+        onEnd={handleEnd}
+        onBegin={handleBegin}
+        onOK={handleSignature}
+        onEmpty={handleEmpty}
+        onError={handleError}
+        descriptionText=" "
+        webStyle={`
+          .m-signature-pad {box-shadow: none; border-color:${Color.gray[200]}; border-radius: 12px;} 
+          .m-signature-pad--body {border-color:${Color.gray[200]}; border-radius:12px;}
+          .m-signature-pad--footer{
+            display: none; margin: 0,
+          }
+        `}
+        clearText={'Clear'}
+        penColor={Color.gray[900]}
+        backgroundColor={Color.base.white100}
         webviewProps={{
           cacheEnabled: true,
           androidLayerType: 'hardware',
         }}
       />
+      <View style={styles.footerConteiner}>
+        <View style={styles.actionButtonContainer}>
+          <TouchableOpacity onPress={undo}>
+            <Icon name="ArrowBackAlt" />
+          </TouchableOpacity>
+          <TouchableOpacity onPress={redo}>
+            <Icon name="ArrowForwardAlt" />
+          </TouchableOpacity>
+        </View>
+        <Button
+          variant="outline"
+          color="primary"
+          title="Clear"
+          size="small"
+          onPress={clear}
+        />
+      </View>
     </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
+    height: 350,
+  },
+  footerConteiner: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignContent: 'center',
+    alignItems: 'center',
+  },
+  actionButtonContainer: {
+    flexDirection: 'row',
+    gap: 10,
   },
   preview: {
     width: 335,
@@ -35,3 +134,5 @@ const styles = StyleSheet.create({
     marginTop: 15,
   },
 });
+
+export default Drawing;

package/src/Drawing/README.md

@@ -0,0 +1,31 @@
+## Contoh
+
+```tsx
+import React, { useState } from 'react';
+import { View, Image } from 'react-native';
+import Drawing from './components/Drawing/Drawing';
+
+export default function SignatureForm() {
+  const [result, setResult] = useState<string | undefined>();
+
+  return (
+    <View style={{ flex: 1, padding: 16 }}>
+      <Drawing onDraw={setResult} />
+
+      {result && (
+        <Image
+          source={{ uri: result }}
+          style={{ width: 300, height: 100, marginTop: 24 }}
+          resizeMode="contain"
+        />
+      )}
+    </View>
+  );
+}
+```
+
+## props
+
+| Prop     | Tipe                                   | Default     | Deskripsi                                                                                                             |
+| -------- | -------------------------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------- |
+| `onDraw` | `(value?: string \| undefined) ⇒ void` | `undefined` | Callback berisi tanda tangan **base64** saat pengguna menggambar (dipicu otomatis di `onDraw`). |

package/src/FileView/PdfView.tsx

@@ -1,24 +1,28 @@
-import { View, Dimensions, StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import Pdf from 'react-native-pdf';
 
-const PdfView = ({ source = null }) => {
-  if (!source) {
-    return <View></View>;
-  }
+type Source = {
+  uri?: string;
+  headers?: {
+    [key: string]: string;
+  };
+  cache?: boolean;
+  cacheFileName?: string;
+  expiration?: number;
+  method?: string;
+};
+
+const PdfView = ({ source }: { source: Source }) => {
+  if (!source) return <View />;
+
   return (
-    <View style={styles.flex}>
+    <View style={styles.container}>
       <Pdf
         source={source}
-        onLoadComplete={(numberOfPages) => {
-          console.log(`number of pages: ${numberOfPages}`);
-        }}
-        onPageChanged={(page) => {
-          console.log(`current page: ${page}`);
-        }}
-        onError={(error) => {
-          console.log(error);
-        }}
-        style={[styles.flex, { width: Dimensions.get('window').width }]}
+        onLoadComplete={(pages) => console.log('number of pages:', pages)}
+        onPageChanged={(page) => console.log('current page:', page)}
+        onError={(err) => console.error(err)}
+        style={styles.pdf}
       />
     </View>
   );
@@ -27,7 +31,6 @@ const PdfView = ({ source = null }) => {
 export default PdfView;
 
 const styles = StyleSheet.create({
-  flex: {
-    flex: 1,
-  },
+  container: { flex: 1 },
+  pdf: { flex: 1 },
 });

package/src/Modal/Modal.tsx

@@ -10,6 +10,8 @@ import {
   Platform,
   type ViewStyle,
 } from 'react-native';
+import Icon from '../Icon';
+import Color from '../Color/Color';
 
 interface ModalPopUpProps {
   isOpen: boolean;
@@ -45,8 +47,8 @@ const ModalPopUp: React.FC<ModalPopUpProps> = ({
     Animated.spring(scaleAnim, {
       toValue: 1,
       useNativeDriver: true,
-      damping: 15,
-      stiffness: 100,
+      damping: 20,
+      stiffness: 200,
     }).start();
   }, [scaleAnim]);
 
@@ -107,11 +109,11 @@ const ModalPopUp: React.FC<ModalPopUpProps> = ({
         <Animated.View style={[styles.modalContent, modalContentStyle]}>
           {closable && (
             <View style={styles.closeButtonContainer}>
-              <TouchableOpacity
-                onPress={hideModal}
-                style={styles.closeButton}
-                hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-              />
+              <TouchableOpacity onPress={hideModal} style={styles.closeButton}>
+                <View style={styles.iconButtonClose}>
+                  <Icon name="Times" size={13} color={Color.gray[900]} />
+                </View>
+              </TouchableOpacity>
             </View>
           )}
           <SafeAreaView style={styles.contentContainer}>
@@ -165,6 +167,13 @@ const styles = StyleSheet.create({
     right: 10,
     zIndex: 1,
   },
+  iconButtonClose: {
+    justifyContent: 'center',
+    alignContent: 'center',
+    alignItems: 'center',
+    top: 'auto',
+    flex: 1,
+  },
   closeButton: {
     width: 24,
     height: 24,

package/src/Provider/FooterProvider.tsx

@@ -1,4 +1,5 @@
 import { createContext, useContext, useState, type ReactNode } from 'react';
+import LayoutWithFooter from './LayoutWithFooter';
 
 interface FooterContextType {
   footer: ReactNode | null;
@@ -12,7 +13,7 @@ export const FooterProvider = ({ children }: { children: ReactNode }) => {
 
   return (
     <FooterContext.Provider value={{ footer, setFooter }}>
-      {children}
+      <LayoutWithFooter>{children}</LayoutWithFooter>
     </FooterContext.Provider>
   );
 };