@herca/rn-kit 0.1.99 → 0.1.100

package/lib/module/Drawing/Drawing.js

@@ -6,14 +6,19 @@ import SignatureCanvas from 'react-native-signature-canvas';
 import Button from "../Button/Button.js";
 import Color from "../Color/Color.js";
 import Icon from "../Icon/index.js";
+import Typography from "../Typography/Typography.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Drawing = ({
   onChange,
   onEnd,
   onStart,
-  dataURL
+  dataURL,
+  disabled,
+  hint,
+  hasError
 }) => {
   const ref = useRef(null);
+  const [canvasKey, setCanvasKey] = useState(0);
   const [internalDataURL, setInternalDataURL] = useState(null);
   const [stepCount, setStepCount] = useState(0);
   const [undoCount, setUndoCount] = useState(0);
@@ -69,68 +74,84 @@ const Drawing = ({
   };
   useEffect(() => {
     onChange?.(dataURL);
-    setInternalDataURL(dataURL);
+    setInternalDataURL(dataURL ?? null);
+    setCanvasKey(prev => prev + 1); // force remount dengan dataURL baru
     setStepCount(dataURL ? 1 : 0);
     setUndoCount(0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dataURL]);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(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; overflow: auto;} 
-          .m-signature-pad--body {border-color:${Color.gray[200]}; border-radius:12px;}
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.drawerContainer,
+      children: [/*#__PURE__*/_jsx(SignatureCanvas, {
+        ref: ref,
+        onEnd: handleEnd,
+        onBegin: handleBegin,
+        onOK: handleSignature,
+        onEmpty: handleEmpty,
+        onError: handleError,
+        descriptionText: " ",
+        webStyle: `
+          .m-signature-pad {box-shadow: none; border-color:${!hasError ? Color.gray[200] : Color.danger[300]}; border-radius: 12px; overflow: auto;}
           .m-signature-pad--footer{
             display: none; margin: 0,
           }
         `,
-      clearText: 'Clear',
-      penColor: Color.gray[900],
-      backgroundColor: Color.base.white100,
-      webviewProps: {
-        cacheEnabled: true,
-        androidLayerType: 'hardware'
-      },
-      dataURL: internalDataURL
+        clearText: 'Clear',
+        penColor: Color.gray[900],
+        backgroundColor: Color.base.white100,
+        webviewProps: {
+          cacheEnabled: true,
+          androidLayerType: 'hardware'
+        },
+        dataURL: internalDataURL
+      }, canvasKey), disabled && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "auto",
+        style: styles.disabledOverlay
+      })]
     }), /*#__PURE__*/_jsxs(View, {
-      style: styles.footerConteiner,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.actionButtonContainer,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: undo,
-          disabled: !canUndo,
-          style: !canUndo && styles.disabledButton,
-          children: /*#__PURE__*/_jsx(Icon, {
-            name: "ArrowBackAlt"
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: redo,
-          disabled: !canRedo,
-          style: !canRedo && styles.disabledButton,
-          children: /*#__PURE__*/_jsx(Icon, {
-            name: "ArrowForwardAlt"
-          })
+      children: [!!hint && /*#__PURE__*/_jsx(Typography, {
+        variant: "t2",
+        color: hasError ? Color.danger[500] : Color.gray[900],
+        children: hint
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.footerConteiner,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.actionButtonContainer,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: undo,
+            disabled: !canUndo,
+            style: !canUndo && styles.disabledButton,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "ArrowBackAlt"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: redo,
+            disabled: !canRedo,
+            style: !canRedo && styles.disabledButton,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "ArrowForwardAlt"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "outline",
+          color: "primary",
+          title: "Clear",
+          size: "small",
+          onPress: clear
         })]
-      }), /*#__PURE__*/_jsx(Button, {
-        variant: "outline",
-        color: "primary",
-        title: "Clear",
-        size: "small",
-        onPress: clear
       })]
     })]
   });
 };
 const styles = StyleSheet.create({
   container: {
-    height: 350
+    height: 360
+  },
+  drawerContainer: {
+    position: 'relative',
+    height: 310
   },
   footerConteiner: {
     flexDirection: 'row',
@@ -152,6 +173,14 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     marginTop: 15
+  },
+  disabledOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255,255,255,0.5)'
   }
 });
 export default Drawing;

package/lib/module/Drawing/Drawing.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","StyleSheet","TouchableOpacity","View","SignatureCanvas","Button","Color","Icon","jsx","_jsx","jsxs","_jsxs","Drawing","onChange","onEnd","onStart","dataURL","ref","internalDataURL","setInternalDataURL","stepCount","setStepCount","undoCount","setUndoCount","canUndo","canRedo","handleSignature","signature","refreshSignature","requestAnimationFrame","current","readSignature","handleEmpty","handleError","error","console","handleEnd","prev","handleBegin","undo","redo","clear","clearSignature","style","styles","container","children","onBegin","onOK","onEmpty","onError","descriptionText","webStyle","gray","clearText","penColor","backgroundColor","base","white100","webviewProps","cacheEnabled","androidLayerType","footerConteiner","actionButtonContainer","onPress","disabled","disabledButton","name","variant","color","title","size","create","height","flexDirection","justifyContent","alignContent","alignItems","gap","opacity","preview","width","marginTop"],"sourceRoot":"../../../src","sources":["Drawing/Drawing.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","StyleSheet","TouchableOpacity","View","SignatureCanvas","Button","Color","Icon","Typography","jsx","_jsx","jsxs","_jsxs","Drawing","onChange","onEnd","onStart","dataURL","disabled","hint","hasError","ref","canvasKey","setCanvasKey","internalDataURL","setInternalDataURL","stepCount","setStepCount","undoCount","setUndoCount","canUndo","canRedo","handleSignature","signature","refreshSignature","requestAnimationFrame","current","readSignature","handleEmpty","handleError","error","console","handleEnd","prev","handleBegin","undo","redo","clear","clearSignature","style","styles","container","children","drawerContainer","onBegin","onOK","onEmpty","onError","descriptionText","webStyle","gray","danger","clearText","penColor","backgroundColor","base","white100","webviewProps","cacheEnabled","androidLayerType","pointerEvents","disabledOverlay","variant","color","footerConteiner","actionButtonContainer","onPress","disabledButton","name","title","size","create","height","position","flexDirection","justifyContent","alignContent","alignItems","gap","opacity","preview","width","marginTop","top","left","right","bottom"],"sourceRoot":"../../../src","sources":["Drawing/Drawing.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Icon/Icon.js

@@ -143,6 +143,7 @@ import PaperBoardCheck from "./icons/PaperBoardCheck.js";
 import UserChange from "./icons/UserChange.js";
 import CalendarPlus from "./icons/CalendarPlus.js";
 import CalendarClock from "./icons/CalendarClock.js";
+import SortVertical from "./icons/SortVertical.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const icons = {
   'Search': Search,
@@ -286,7 +287,8 @@ const icons = {
   'paper-board-check': PaperBoardCheck,
   'user-change': UserChange,
   'calendar-plus': CalendarPlus,
-  'calendar-clock': CalendarClock
+  'calendar-clock': CalendarClock,
+  'sort-vertical': SortVertical
 };
 const Icon = ({
   name,

package/lib/module/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","BriefcaseFillBulk","LocationPinOutline","CarOutline","MoneyDown","CommentFill","ShareUp","StopwatchFill","TimesNew","UserCircleMoneyUp","CreditCard","FaceId","BriefcaseFill","UserTagFill","Cake","Building","WarningLetter","DocumentList","UserClock","Receipt","DocumentListPay","SettingGear","Pencil","CalendarCheck","CalendarClose","FileListPlus","Logout","Login","CreditCardFill","FilelistPlusOutline","GridFillBulk","HourGlassFillBulk","MoneyUpFillBulk","PlaneFillBulk","RotateCardFillBulk","StopwatchCheckFill","StopwatchCheckOutline","UserCheckFillBulk","StopwatchFill2","ArrowRightLong","HourGlassFill","UserSquare","UsersSlash","Sun","PaperBoardCheck","UserChange","CalendarPlus","CalendarClock","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","BriefcaseFillBulk","LocationPinOutline","CarOutline","MoneyDown","CommentFill","ShareUp","StopwatchFill","TimesNew","UserCircleMoneyUp","CreditCard","FaceId","BriefcaseFill","UserTagFill","Cake","Building","WarningLetter","DocumentList","UserClock","Receipt","DocumentListPay","SettingGear","Pencil","CalendarCheck","CalendarClose","FileListPlus","Logout","Login","CreditCardFill","FilelistPlusOutline","GridFillBulk","HourGlassFillBulk","MoneyUpFillBulk","PlaneFillBulk","RotateCardFillBulk","StopwatchCheckFill","StopwatchCheckOutline","UserCheckFillBulk","StopwatchFill2","ArrowRightLong","HourGlassFill","UserSquare","UsersSlash","Sun","PaperBoardCheck","UserChange","CalendarPlus","CalendarClock","SortVertical","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Icon/README.md

@@ -184,3 +184,4 @@ export default function App() {
 - user-change
 - calendar-plus
 - calendar-clock
+- sort-vertical

package/lib/module/Icon/icons/SortVertical.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SortVertical = ({
+  size = 24,
+  color = '#000',
+  style
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  style: style,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M16.7071 13.2933C17.0981 13.6842 17.0981 14.3163 16.7071 14.7073L12.7071 18.7073C12.5121 18.9023 12.256 19.0003 12 19.0003C11.744 19.0003 11.488 18.9023 11.293 18.7073L7.29301 14.7073C6.90201 14.3163 6.90201 13.6842 7.29301 13.2933C7.68401 12.9023 8.31607 12.9023 8.70707 13.2933L12 16.5862L15.293 13.2933C15.684 12.9023 16.3161 12.9023 16.7071 13.2933ZM8.70707 10.7073L12 7.41434L15.293 10.7073C15.488 10.9023 15.744 11.0003 16 11.0003C16.256 11.0003 16.5121 10.9023 16.7071 10.7073C17.0981 10.3163 17.0981 9.68425 16.7071 9.29325L12.7071 5.29325C12.3161 4.90225 11.684 4.90225 11.293 5.29325L7.29301 9.29325C6.90201 9.68425 6.90201 10.3163 7.29301 10.7073C7.68401 11.0983 8.31607 11.0983 8.70707 10.7073Z",
+    fill: color
+  })
+});
+export default SortVertical;
+//# sourceMappingURL=SortVertical.js.map

package/lib/module/Icon/icons/SortVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","jsx","_jsx","SortVertical","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/SortVertical.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,YAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,osBAAosB;IACtsBF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,YAAY","ignoreList":[]}

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

@@ -3,7 +3,10 @@ interface DrawingProps {
     onStart?: () => void;
     onEnd?: () => void;
     dataURL?: string;
+    disabled?: boolean;
+    hint?: string;
+    hasError?: boolean;
 }
-declare const Drawing: ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Drawing: ({ onChange, onEnd, onStart, dataURL, disabled, hint, hasError, }: 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":"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;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,OAAO,GAAI,uCAAuC,YAAY,4CAoInE,CAAC;AA6BF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Drawing.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/Drawing.tsx"],"names":[],"mappings":"AAUA,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;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,kEAQd,YAAY,4CAuJd,CAAC;AAyCF,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;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAmRvD,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;AAqRvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortVertical.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/SortVertical.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,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,5 +1,5 @@
 import { type ViewStyle } from 'react-native';
-export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId' | 'document-list' | 'Receipt' | 'user-clock' | 'document-list-pay' | 'setting-gear' | 'Pencil' | 'calendar-check' | 'calendar-close' | 'file-list-plus' | 'Login' | 'Logout' | 'credit-card-fill' | 'user-check-fill-bulk' | 'plane-fill-bulk' | 'hourglass-fill-bulk' | 'rotate-card-fill-bulk' | 'money-up-fill-bulk' | 'grid-fill-bulk' | 'file-list-plus-outline' | 'stopwatch-check-fill' | 'stopwatch-check-outline' | 'stopwatch-fill-2' | 'arrow-right-long' | 'hourglass-fill' | 'users-slash' | 'user-square' | 'Sun' | 'paper-board-check' | 'user-change' | 'calendar-plus' | 'calendar-clock' | 'warning-letter';
+export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId' | 'document-list' | 'Receipt' | 'user-clock' | 'document-list-pay' | 'setting-gear' | 'Pencil' | 'calendar-check' | 'calendar-close' | 'file-list-plus' | 'Login' | 'Logout' | 'credit-card-fill' | 'user-check-fill-bulk' | 'plane-fill-bulk' | 'hourglass-fill-bulk' | 'rotate-card-fill-bulk' | 'money-up-fill-bulk' | 'grid-fill-bulk' | 'file-list-plus-outline' | 'stopwatch-check-fill' | 'stopwatch-check-outline' | 'stopwatch-fill-2' | 'arrow-right-long' | 'hourglass-fill' | 'users-slash' | 'user-square' | 'Sun' | 'paper-board-check' | 'user-change' | 'calendar-plus' | 'calendar-clock' | 'sort-vertical' | 'warning-letter';
 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,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,eAAe,GACf,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,sBAAsB,GACtB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,gBAAgB,GAChB,wBAAwB,GACxB,sBAAsB,GACtB,yBAAyB,GACzB,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,KAAK,GACL,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CAAC;AACrB,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,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,eAAe,GACf,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,sBAAsB,GACtB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,gBAAgB,GAChB,wBAAwB,GACxB,sBAAsB,GACtB,yBAAyB,GACzB,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,KAAK,GACL,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,gBAAgB,CAAC;AACrB,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/package.json

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

package/src/Drawing/Drawing.tsx

@@ -6,17 +6,30 @@ import SignatureCanvas, {
 import Button from '../Button/Button';
 import Color from '../Color/Color';
 import Icon from '../Icon';
+import Typography from '../Typography/Typography';
 
 interface DrawingProps {
   onChange?: (value?: string | undefined | null) => void;
   onStart?: () => void;
   onEnd?: () => void;
   dataURL?: string;
+  disabled?: boolean;
+  hint?: string;
+  hasError?: boolean;
 }
 
-const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
+const Drawing = ({
+  onChange,
+  onEnd,
+  onStart,
+  dataURL,
+  disabled,
+  hint,
+  hasError,
+}: DrawingProps) => {
   const ref = useRef<SignatureViewRef | null>(null);
 
+  const [canvasKey, setCanvasKey] = useState(0);
   const [internalDataURL, setInternalDataURL] = useState<any>(null);
   const [stepCount, setStepCount] = useState(0);
   const [undoCount, setUndoCount] = useState(0);
@@ -24,6 +37,7 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
   const canUndo = dataURL
     ? stepCount - undoCount > 1
     : stepCount - undoCount > 0;
+
   const canRedo = undoCount > 0;
 
   const handleSignature = (signature: string) => {
@@ -86,8 +100,8 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
 
   useEffect(() => {
     onChange?.(dataURL);
-    setInternalDataURL(dataURL);
-
+    setInternalDataURL(dataURL ?? null);
+    setCanvasKey((prev) => prev + 1); // force remount dengan dataURL baru
     setStepCount(dataURL ? 1 : 0);
     setUndoCount(0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -95,54 +109,71 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
 
   return (
     <View style={styles.container}>
-      <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; overflow: auto;} 
-          .m-signature-pad--body {border-color:${Color.gray[200]}; border-radius:12px;}
+      <View style={styles.drawerContainer}>
+        <SignatureCanvas
+          key={canvasKey}
+          ref={ref}
+          onEnd={handleEnd}
+          onBegin={handleBegin}
+          onOK={handleSignature}
+          onEmpty={handleEmpty}
+          onError={handleError}
+          descriptionText=" "
+          webStyle={`
+          .m-signature-pad {box-shadow: none; border-color:${!hasError ? Color.gray[200] : Color.danger[300]}; border-radius: 12px; overflow: auto;}
           .m-signature-pad--footer{
             display: none; margin: 0,
           }
         `}
-        clearText={'Clear'}
-        penColor={Color.gray[900]}
-        backgroundColor={Color.base.white100}
-        webviewProps={{
-          cacheEnabled: true,
-          androidLayerType: 'hardware',
-        }}
-        dataURL={internalDataURL}
-      />
-      <View style={styles.footerConteiner}>
-        <View style={styles.actionButtonContainer}>
-          <TouchableOpacity
-            onPress={undo}
-            disabled={!canUndo}
-            style={!canUndo && styles.disabledButton}
-          >
-            <Icon name="ArrowBackAlt" />
-          </TouchableOpacity>
-          <TouchableOpacity
-            onPress={redo}
-            disabled={!canRedo}
-            style={!canRedo && styles.disabledButton}
+          clearText={'Clear'}
+          penColor={Color.gray[900]}
+          backgroundColor={Color.base.white100}
+          webviewProps={{
+            cacheEnabled: true,
+            androidLayerType: 'hardware',
+          }}
+          dataURL={internalDataURL}
+        />
+
+        {disabled && (
+          <View pointerEvents="auto" style={styles.disabledOverlay} />
+        )}
+      </View>
+
+      <View>
+        {!!hint && (
+          <Typography
+            variant="t2"
+            color={hasError ? Color.danger[500] : Color.gray[900]}
           >
-            <Icon name="ArrowForwardAlt" />
-          </TouchableOpacity>
+            {hint}
+          </Typography>
+        )}
+        <View style={styles.footerConteiner}>
+          <View style={styles.actionButtonContainer}>
+            <TouchableOpacity
+              onPress={undo}
+              disabled={!canUndo}
+              style={!canUndo && styles.disabledButton}
+            >
+              <Icon name="ArrowBackAlt" />
+            </TouchableOpacity>
+            <TouchableOpacity
+              onPress={redo}
+              disabled={!canRedo}
+              style={!canRedo && styles.disabledButton}
+            >
+              <Icon name="ArrowForwardAlt" />
+            </TouchableOpacity>
+          </View>
+          <Button
+            variant="outline"
+            color="primary"
+            title="Clear"
+            size="small"
+            onPress={clear}
+          />
         </View>
-        <Button
-          variant="outline"
-          color="primary"
-          title="Clear"
-          size="small"
-          onPress={clear}
-        />
       </View>
     </View>
   );
@@ -150,7 +181,11 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
 
 const styles = StyleSheet.create({
   container: {
-    height: 350,
+    height: 360,
+  },
+  drawerContainer: {
+    position: 'relative',
+    height: 310,
   },
   footerConteiner: {
     flexDirection: 'row',
@@ -173,6 +208,14 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     marginTop: 15,
   },
+  disabledOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255,255,255,0.5)',
+  },
 });
 
 export default Drawing;

package/src/Icon/Icon.tsx

@@ -143,6 +143,7 @@ import PaperBoardCheck from './icons/PaperBoardCheck';
 import UserChange from './icons/UserChange';
 import CalendarPlus from './icons/CalendarPlus';
 import CalendarClock from './icons/CalendarClock';
+import SortVertical from './icons/SortVertical';
 
 const icons: Record<
   IconNameProps,
@@ -290,6 +291,7 @@ const icons: Record<
   'user-change': UserChange,
   'calendar-plus': CalendarPlus,
   'calendar-clock': CalendarClock,
+  'sort-vertical': SortVertical,
 };
 
 const Icon: React.FC<IconProps> = ({

package/src/Icon/README.md

@@ -184,3 +184,4 @@ export default function App() {
 - user-change
 - calendar-plus
 - calendar-clock
+- sort-vertical

package/src/Icon/icons/SortVertical.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const SortVertical: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      d="M16.7071 13.2933C17.0981 13.6842 17.0981 14.3163 16.7071 14.7073L12.7071 18.7073C12.5121 18.9023 12.256 19.0003 12 19.0003C11.744 19.0003 11.488 18.9023 11.293 18.7073L7.29301 14.7073C6.90201 14.3163 6.90201 13.6842 7.29301 13.2933C7.68401 12.9023 8.31607 12.9023 8.70707 13.2933L12 16.5862L15.293 13.2933C15.684 12.9023 16.3161 12.9023 16.7071 13.2933ZM8.70707 10.7073L12 7.41434L15.293 10.7073C15.488 10.9023 15.744 11.0003 16 11.0003C16.256 11.0003 16.5121 10.9023 16.7071 10.7073C17.0981 10.3163 17.0981 9.68425 16.7071 9.29325L12.7071 5.29325C12.3161 4.90225 11.684 4.90225 11.293 5.29325L7.29301 9.29325C6.90201 9.68425 6.90201 10.3163 7.29301 10.7073C7.68401 11.0983 8.31607 11.0983 8.70707 10.7073Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default SortVertical;

package/src/Icon/type.tsx

@@ -144,6 +144,7 @@ export type IconNameProps =
   | 'user-change'
   | 'calendar-plus'
   | 'calendar-clock'
+  | 'sort-vertical'
   | 'warning-letter';
 export interface IconProps {
   name: IconNameProps;