@herca/rn-kit 0.1.10 → 0.1.12

package/lib/module/Toast/ToastContext.js

@@ -10,7 +10,7 @@ export const ToastProvider = ({
   const [visible, setVisible] = useState(false);
   const [message, setMessage] = useState('');
   const [options, setOptions] = useState({
-    icon: 'ExlamationMark'
+    icon: 'ExclamationMark'
   });
   const show = (msg, opts) => {
     setMessage(msg);

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/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,6 +1,8 @@
 interface DrawingProps {
-    onDraw?: (value?: string | undefined) => void;
+    onChange?: (value?: string | undefined | null) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
 }
-declare const Drawing: ({ onDraw }: DrawingProps) => import("react/jsx-runtime").JSX.Element;
+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":"AAOA,UAAU,YAAY;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,OAAO,GAAI,YAAY,YAAY,4CAyExC,CAAC;AA0BF,eAAe,OAAO,CAAC"}
+{"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/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAwCvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAyCvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/Icon/icons/Download.d.ts

@@ -4,6 +4,6 @@ interface Props {
     color?: string;
     style?: object;
 }
-declare const Downnload: React.FC<Props>;
-export default Downnload;
+declare const Download: React.FC<Props>;
+export default Download;
 //# sourceMappingURL=Download.d.ts.map

package/lib/typescript/src/Icon/icons/Download.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Download.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Download.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Download.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Download.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/Icon/icons/ExclamationMark.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    size?: number;
+    color?: string;
+    style?: object;
+}
+declare const ExclamationMark: React.FC<Props>;
+export default ExclamationMark;
+//# sourceMappingURL=ExclamationMark.d.ts.map

package/lib/typescript/src/Icon/icons/ExclamationMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExclamationMark.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ExclamationMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,5 +1,5 @@
 import { type ViewStyle } from 'react-native';
-export type IconNameProps = 'Home' | 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExlamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times';
+export type IconNameProps = 'Home' | 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times';
 export interface IconProps {
     name: IconNameProps;
     size?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

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.10",
+  "version": "0.1.12",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -86,7 +86,19 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "@react-native-documents/picker": "^10.1.3",
+    "@react-native-documents/viewer": "^1.0.1",
+    "@react-navigation/native": "^7.1.14",
+    "react-native-blob-util": "^0.22.2",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-pager-view": "^6.8.1",
+    "react-native-pdf": "^6.7.7",
+    "react-native-safe-area-context": "^5.5.1",
+    "react-native-screens": "^4.11.1",
+    "react-native-signature-canvas": "^5.0.1",
+    "react-native-svg": "^15.12.0",
+    "react-native-webview": "^13.15.0"
   },
   "workspaces": [
     "example"
@@ -160,19 +172,5 @@
     "languages": "kotlin-objc",
     "type": "turbo-module",
     "version": "0.51.1"
-  },
-  "dependencies": {
-    "@react-native-documents/picker": "^10.1.3",
-    "@react-native-documents/viewer": "^1.0.1",
-    "@react-navigation/native": "^7.1.14",
-    "react-native-blob-util": "^0.22.2",
-    "react-native-image-picker": "^8.2.1",
-    "react-native-pager-view": "^6.8.1",
-    "react-native-pdf": "^6.7.7",
-    "react-native-safe-area-context": "^5.5.1",
-    "react-native-screens": "^4.11.1",
-    "react-native-signature-canvas": "^5.0.1",
-    "react-native-svg": "^15.12.0",
-    "react-native-webview": "^13.15.0"
   }
 }

package/src/Alert/Alert.tsx

@@ -67,7 +67,7 @@ const COLORS: Record<
 };
 
 const Alert: React.FC<AlertProps> = ({
-  icon = 'ExlamationMark',
+  icon = 'ExclamationMark',
   title,
   message,
   color = 'primary',
@@ -84,7 +84,7 @@ const Alert: React.FC<AlertProps> = ({
       ]}
     >
       <View style={{ marginRight: 10 }}>
-        <Icon name={icon || 'ExlamationMark'} color={fontColor} />
+        <Icon name={icon || 'ExclamationMark'} color={fontColor} />
       </View>
       <View style={styles.textContainer}>
         {title && (

package/src/Alert/README.md

@@ -15,7 +15,7 @@ Komponen `Alert` digunakan untuk menampilkan pesan notifikasi dengan ikon, judul
 
 | Prop           | Tipe                                                                 | Default            | Deskripsi                                                                 |
 |----------------|----------------------------------------------------------------------|---------------------|---------------------------------------------------------------------------|
-| `icon`         | `IconNameProps`                                                      | `'ExlamationMark'`  | Nama ikon dari komponen `Icon`                                           |
+| `icon`         | `IconNameProps`                                                      | `'ExclamationMark'`  | Nama ikon dari komponen `Icon`                                           |
 | `title`        | `string`                                                             | `undefined`         | Judul alert                                                               |
 | `message`      | `string`                                                             | `undefined`         | Pesan tambahan                                                            |
 | `color`        | `'success' \| 'info' \| 'warning' \| 'danger' \| 'primary' \| 'orange' \| 'purple'` | `'primary'` | Warna tema alert                                                         |

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,51 +1,78 @@
 import { useRef } from 'react';
 import { StyleSheet, View, TouchableOpacity } from 'react-native';
-import SignatureCanvas, { type SignatureViewRef } from 'react-native-signature-canvas';
+import SignatureCanvas, {
+  type SignatureViewRef,
+} from 'react-native-signature-canvas';
 import Icon from '../Icon';
 import Button from '../Button/Button';
 import Color from '../Color/Color';
 
 interface DrawingProps {
-  onDraw?: (value?: string | undefined) => void;
+  onChange?: (value?: string | undefined | null) => void;
+  onStart?: () => void;
+  onEnd?: () => void;
 }
 
-const Drawing = ({ onDraw }: DrawingProps) => {
+const Drawing = ({ onChange, onEnd, onStart }: DrawingProps) => {
   const ref = useRef<SignatureViewRef | null>(null);
 
-  const handleSignature = (signature : string) => {
-    if (signature && onDraw) {
-      onDraw(signature);
+  const handleSignature = (signature: string) => {
+    if (signature && onChange) {
+      onChange(signature);
     }
   };
 
-  const handleEmpty = () => {
-    console.log('Signature is empty');
-  };
+  const refreshSignature = () =>
+    requestAnimationFrame(() => ref.current?.readSignature());
 
-  const handleClear = () => {
-    console.log('Signature cleared');
+  const handleEmpty = () => {
+    if (onChange) {
+      onChange(null);
+    }
   };
 
-  const handleError = (error : Error) => {
+  const handleError = (error: Error) => {
     console.error('Signature pad error:', error);
   };
 
   const handleEnd = () => {
-    ref.current?.readSignature();
+    refreshSignature();
+    if (onEnd) {
+      onEnd();
+    }
+  };
+
+  const handleBegin = () => {
+    if (onStart) {
+      onStart();
+    }
+  };
+
+  const undo = () => {
+    ref.current?.undo();
+    refreshSignature();
   };
 
-  const undo = () => ref.current?.undo();
-  const redo = () => ref.current?.redo();
-  const clear = () => ref.current?.clearSignature();
+  const redo = () => {
+    ref.current?.redo();
+    refreshSignature();
+  };
+
+  const clear = () => {
+    ref.current?.clearSignature();
+    if (onChange) {
+      onChange(null);
+    }
+  };
 
   return (
     <View style={styles.container}>
       <SignatureCanvas
         ref={ref}
         onEnd={handleEnd}
+        onBegin={handleBegin}
         onOK={handleSignature}
         onEmpty={handleEmpty}
-        onClear={handleClear}
         onError={handleError}
         descriptionText=" "
         webStyle={`

package/src/Drawing/README.md

@@ -0,0 +1,33 @@
+# 📅 Drawing
+
+## 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/Icon/Icon.tsx

@@ -6,8 +6,7 @@ import XCircle from './icons/XCircle';
 import ArrowRight from './icons/ArrowRight';
 import Document from './icons/Document';
 import Calendar from './icons/Calendar';
-import ExlamationMark from './icons/ExlmationMark';
-import Downnload from './icons/Download';
+import Download from './icons/Download';
 import StickyNote from './icons/StickyNote';
 import Pdf from './icons/Pdf';
 import RadioButton from './icons/RadioButton';
@@ -26,6 +25,7 @@ import Search from './icons/Search';
 import Home from './icons/Home';
 import ArrowLeft from './icons/ArrowLeft';
 import EyeOpen from './icons/EyeOpen';
+import ExclamationMark from './icons/ExclamationMark';
 
 const icons: Record<
   IconNameProps,
@@ -40,8 +40,8 @@ const icons: Record<
   'ArrowLeft': ArrowLeft,
   'Document': Document,
   'Calendar': Calendar,
-  'ExlamationMark': ExlamationMark,
-  'Download': Downnload,
+  'ExclamationMark': ExclamationMark,
+  'Download': Download,
   'x-circle': XCircle,
   'StickyNote': StickyNote,
   'RadioButton': RadioButton,