@herca/rn-kit 0.1.112 → 0.1.114

package/lib/module/Skeleton/Skeleton.js

@@ -9,7 +9,8 @@ const Skeleton = ({
   rounded = 8,
   backgroundColor = '#F0F0F0',
   shimmerColor = 'rgba(255, 255, 255, 0.7)',
-  duration = 1500
+  duration = 1500,
+  testID
 }) => {
   const shimmerAnimation = useRef(new Animated.Value(0)).current;
   const skeletonWidth = useRef(0);
@@ -40,6 +41,7 @@ const Skeleton = ({
     outputRange: [-200, skeletonWidth.current + 200]
   });
   return /*#__PURE__*/_jsx(View, {
+    testID: testID,
     onLayout: handleLayout,
     style: [styles.skeletonCard, {
       width,

package/lib/module/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Animated","Easing","StyleSheet","View","jsx","_jsx","Skeleton","width","height","rounded","backgroundColor","shimmerColor","duration","shimmerAnimation","Value","current","skeletonWidth","handleLayout","event","nativeEvent","layout","animateShimmer","loop","sequence","timing","toValue","easing","linear","useNativeDriver","start","stopAnimation","shimmerTranslate","interpolate","inputRange","outputRange","onLayout","style","styles","skeletonCard","borderRadius","children","shimmer","transform","translateX","create","overflow","absoluteFillObject","opacity"],"sourceRoot":"../../../src","sources":["Skeleton/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,IAAI,QAIC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK,GAAG,MAAM;EACdC,MAAM,GAAG,EAAE;EACXC,OAAO,GAAG,CAAC;EACXC,eAAe,GAAG,SAAS;EAC3BC,YAAY,GAAG,0BAA0B;EACzCC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGd,MAAM,CAAC,IAAIC,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC9D,MAAMC,aAAa,GAAGjB,MAAM,CAAC,CAAC,CAAC;EAE/B,MAAMkB,YAAY,GAAIC,KAAwB,IAAK;IACjDF,aAAa,CAACD,OAAO,GAAGG,KAAK,CAACC,WAAW,CAACC,MAAM,CAACb,KAAK;EACxD,CAAC;EAEDT,SAAS,CAAC,MAAM;IACd,MAAMuB,cAAc,GAAGA,CAAA,KAAM;MAC3BrB,QAAQ,CAACsB,IAAI,CACXtB,QAAQ,CAACuB,QAAQ,CAAC,CAChBvB,QAAQ,CAACwB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVb,QAAQ,EAAEA,QAAQ;QAClBc,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;QACrBC,eAAe,EAAE;MACnB,CAAC,CAAC,EACF5B,QAAQ,CAACwB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVb,QAAQ,EAAE,CAAC;QACXgB,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;IACX,CAAC;IAEDR,cAAc,CAAC,CAAC;IAEhB,OAAO,MAAM;MACXR,gBAAgB,CAACiB,aAAa,CAAC,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACjB,gBAAgB,EAAED,QAAQ,CAAC,CAAC;EAEhC,MAAMmB,gBAAgB,GAAGlB,gBAAgB,CAACmB,WAAW,CAAC;IACpDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClB;IACAC,WAAW,EAAE,CAAC,CAAC,GAAG,EAAElB,aAAa,CAACD,OAAO,GAAG,GAAG;EACjD,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACF,IAAI;IACHgC,QAAQ,EAAElB,YAAa;IACvBmB,KAAK,EAAE,CACLC,MAAM,CAACC,YAAY,EACnB;MACE/B,KAAK;MACLC,MAAM;MACNE,eAAe;MACf6B,YAAY,EAAE9B;IAChB,CAAC,CACD;IAAA+B,QAAA,eAEFnC,IAAA,CAACL,QAAQ,CAACG,IAAI;MACZiC,KAAK,EAAE,CACLC,MAAM,CAACI,OAAO,EACd;QACE/B,eAAe,EAAEC,YAAY;QAC7B+B,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEZ;QAAiB,CAAC,CAAC;QAC7CQ,YAAY,EAAE9B;MAChB,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeH,QAAQ;AAEvB,MAAM+B,MAAM,GAAGnC,UAAU,CAAC0C,MAAM,CAAC;EAC/BN,YAAY,EAAE;IACZO,QAAQ,EAAE;EACZ,CAAC;EACDJ,OAAO,EAAE;IACP,GAAGvC,UAAU,CAAC4C,kBAAkB;IAChCvC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACduC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","Animated","Easing","StyleSheet","View","jsx","_jsx","Skeleton","width","height","rounded","backgroundColor","shimmerColor","duration","testID","shimmerAnimation","Value","current","skeletonWidth","handleLayout","event","nativeEvent","layout","animateShimmer","loop","sequence","timing","toValue","easing","linear","useNativeDriver","start","stopAnimation","shimmerTranslate","interpolate","inputRange","outputRange","onLayout","style","styles","skeletonCard","borderRadius","children","shimmer","transform","translateX","create","overflow","absoluteFillObject","opacity"],"sourceRoot":"../../../src","sources":["Skeleton/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SACEC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,IAAI,QAIC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK,GAAG,MAAM;EACdC,MAAM,GAAG,EAAE;EACXC,OAAO,GAAG,CAAC;EACXC,eAAe,GAAG,SAAS;EAC3BC,YAAY,GAAG,0BAA0B;EACzCC,QAAQ,GAAG,IAAI;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGf,MAAM,CAAC,IAAIC,QAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC9D,MAAMC,aAAa,GAAGlB,MAAM,CAAC,CAAC,CAAC;EAE/B,MAAMmB,YAAY,GAAIC,KAAwB,IAAK;IACjDF,aAAa,CAACD,OAAO,GAAGG,KAAK,CAACC,WAAW,CAACC,MAAM,CAACd,KAAK;EACxD,CAAC;EAEDT,SAAS,CAAC,MAAM;IACd,MAAMwB,cAAc,GAAGA,CAAA,KAAM;MAC3BtB,QAAQ,CAACuB,IAAI,CACXvB,QAAQ,CAACwB,QAAQ,CAAC,CAChBxB,QAAQ,CAACyB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVd,QAAQ,EAAEA,QAAQ;QAClBe,MAAM,EAAE1B,MAAM,CAAC2B,MAAM;QACrBC,eAAe,EAAE;MACnB,CAAC,CAAC,EACF7B,QAAQ,CAACyB,MAAM,CAACX,gBAAgB,EAAE;QAChCY,OAAO,EAAE,CAAC;QACVd,QAAQ,EAAE,CAAC;QACXiB,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;IACX,CAAC;IAEDR,cAAc,CAAC,CAAC;IAEhB,OAAO,MAAM;MACXR,gBAAgB,CAACiB,aAAa,CAAC,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACjB,gBAAgB,EAAEF,QAAQ,CAAC,CAAC;EAEhC,MAAMoB,gBAAgB,GAAGlB,gBAAgB,CAACmB,WAAW,CAAC;IACpDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClB;IACAC,WAAW,EAAE,CAAC,CAAC,GAAG,EAAElB,aAAa,CAACD,OAAO,GAAG,GAAG;EACjD,CAAC,CAAC;EAEF,oBACEX,IAAA,CAACF,IAAI;IACHU,MAAM,EAAEA,MAAO;IACfuB,QAAQ,EAAElB,YAAa;IACvBmB,KAAK,EAAE,CACLC,MAAM,CAACC,YAAY,EACnB;MACEhC,KAAK;MACLC,MAAM;MACNE,eAAe;MACf8B,YAAY,EAAE/B;IAChB,CAAC,CACD;IAAAgC,QAAA,eAEFpC,IAAA,CAACL,QAAQ,CAACG,IAAI;MACZkC,KAAK,EAAE,CACLC,MAAM,CAACI,OAAO,EACd;QACEhC,eAAe,EAAEC,YAAY;QAC7BgC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEZ;QAAiB,CAAC,CAAC;QAC7CQ,YAAY,EAAE/B;MAChB,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeH,QAAQ;AAEvB,MAAMgC,MAAM,GAAGpC,UAAU,CAAC2C,MAAM,CAAC;EAC/BN,YAAY,EAAE;IACZO,QAAQ,EAAE;EACZ,CAAC;EACDJ,OAAO,EAAE;IACP,GAAGxC,UAAU,CAAC6C,kBAAkB;IAChCxC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACdwC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Spinner/Spinner.js

@@ -6,7 +6,8 @@ import Svg, { Defs, LinearGradient, Stop, Circle } from 'react-native-svg';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Spinner({
   size = 48,
-  color = '#FFFFFF'
+  color = '#FFFFFF',
+  testID
 }) {
   const rotateAnim = useRef(new Animated.Value(0)).current;
   useEffect(() => {
@@ -27,6 +28,7 @@ export default function Spinner({
   const radius = size / 2 - strokeWidth;
   const darkerColor = '#999';
   return /*#__PURE__*/_jsx(View, {
+    testID: testID,
     style: [styles.container, {
       width: size,
       height: size

package/lib/module/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","Animated","Easing","StyleSheet","View","Svg","Defs","LinearGradient","Stop","Circle","jsx","_jsx","jsxs","_jsxs","Spinner","size","color","rotateAnim","Value","current","spin","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","rotateInterpolate","interpolate","inputRange","outputRange","strokeWidth","radius","darkerColor","style","styles","container","width","height","children","transform","rotate","viewBox","id","x1","y1","x2","y2","offset","stopColor","cx","cy","r","stroke","fill","strokeLinecap","create","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["Spinner/Spinner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useEffect","Animated","Easing","StyleSheet","View","Svg","Defs","LinearGradient","Stop","Circle","jsx","_jsx","jsxs","_jsxs","Spinner","size","color","testID","rotateAnim","Value","current","spin","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","rotateInterpolate","interpolate","inputRange","outputRange","strokeWidth","radius","darkerColor","style","styles","container","width","height","children","transform","rotate","viewBox","id","x1","y1","x2","y2","offset","stopColor","cx","cy","r","stroke","fill","strokeLinecap","create","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["Spinner/Spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Step/README.md

@@ -40,6 +40,7 @@ export default function CheckoutWizard() {
 | `children`     | `ReactElement<StepItemProps>` \| array | ✅     | —       | Satu atau beberapa `StepItem`.                                              |
 | `current`      | `number`                               | ✅     | —       | Indeks langkah aktif (dimulai dari `0`).                                    |
 | `onChangeStep` | `(activeIndex: number) => void`        | ✅     | —       | Callback yang dipicu setiap kali nilai `current` berubah di dalam komponen. |
+| `testID`       | `string`                               | ❌     | —       | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
 
 
 ### StepItem
@@ -55,6 +56,7 @@ Sebagai konten – ditampilkan bila index-nya sama dengan current.
 | `children` | `ReactNode`                                                   | ✅     | —           | Konten yang muncul ketika langkah ini aktif.                       |
 | `color`    | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'` | ❌     | `'primary'` | Warna lingkaran & garis pada header.                               |
 | `title`    | `string`                                                      | ❌     | `''`        | (Opsional) Judul untuk ditampilkan di header (bisa dikustom lagi). |
+| `testID`   | `string`                                                      | ❌     | —           | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
 
 ## ⚙️ Cara Kerja
 

package/lib/module/Step/Step.js

@@ -10,7 +10,8 @@ const {
 const Step = ({
   children,
   current = 0,
-  onChangeStep
+  onChangeStep,
+  testID
 }) => {
   const childrenArray = React.Children.toArray(children).filter(React.isValidElement);
   const totalSteps = childrenArray.length;
@@ -26,6 +27,7 @@ const Step = ({
     }
   }, [current, onChangeStep]);
   return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
       style: [styles.headerContainer],

package/lib/module/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Dimensions","ScrollView","Color","jsx","_jsx","jsxs","_jsxs","width","screenWidth","get","Step","children","current","onChangeStep","childrenArray","Children","toArray","filter","isValidElement","totalSteps","length","scrollRef","stepWidth","scrollTo","x","Math","max","animated","style","styles","container","headerContainer","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerScrollView","justifyContent","map","child","index","cloneElement","isActive","isCompleted","isLast","isHeader","content","create","flex","paddingHorizontal","backgroundColor","info","paddingVertical","contentContainer","flexGrow"],"sourceRoot":"../../../src","sources":["Step/Step.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Dimensions","ScrollView","Color","jsx","_jsx","jsxs","_jsxs","width","screenWidth","get","Step","children","current","onChangeStep","testID","childrenArray","Children","toArray","filter","isValidElement","totalSteps","length","scrollRef","stepWidth","scrollTo","x","Math","max","animated","style","styles","container","headerContainer","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","containerScrollView","justifyContent","map","child","index","cloneElement","isActive","isCompleted","isLast","isHeader","content","create","flex","paddingHorizontal","backgroundColor","info","paddingVertical","contentContainer","flexGrow"],"sourceRoot":"../../../src","sources":["Step/Step.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Step/StepItem.js

@@ -12,10 +12,12 @@ const StepItem = ({
   isLast,
   isHeader,
   children,
-  style
+  style,
+  testID
 }) => {
   if (isHeader) {
     return /*#__PURE__*/_jsxs(View, {
+      testID: testID,
       style: [styles.headerItem, style],
       children: [/*#__PURE__*/_jsxs(View, {
         style: [styles.circle, isCompleted && styles.completed, isActive && styles.active],
@@ -41,6 +43,7 @@ const StepItem = ({
     });
   }
   return /*#__PURE__*/_jsx(View, {
+    testID: testID,
     style: styles.content,
     children: children
   });

package/lib/module/Step/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","FlatList","Color","Icon","jsx","_jsx","jsxs","_jsxs","StepItem","index","isActive","isCompleted","isLast","isHeader","children","style","styles","headerItem","circle","completed","active","circleText","name","size","color","line","completedLine","undefined","isValidElement","type","flatListElement","cloneElement","content","props","contentContainerStyle","listContent","nestedScrollEnabled","create","flexDirection","alignItems","width","height","borderRadius","backgroundColor","justifyContent","fontWeight","info","success","marginHorizontal","flex"],"sourceRoot":"../../../src","sources":["Step/StepItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","FlatList","Color","Icon","jsx","_jsx","jsxs","_jsxs","StepItem","index","isActive","isCompleted","isLast","isHeader","children","style","testID","styles","headerItem","circle","completed","active","circleText","name","size","color","line","completedLine","undefined","isValidElement","type","flatListElement","cloneElement","content","props","contentContainerStyle","listContent","nestedScrollEnabled","create","flexDirection","alignItems","width","height","borderRadius","backgroundColor","justifyContent","fontWeight","info","success","marginHorizontal","flex"],"sourceRoot":"../../../src","sources":["Step/StepItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Tab/README.md

@@ -95,6 +95,7 @@ Setiap tab dibungkus dalam `ScrollView` vertikal, sehingga bisa discroll ke bawa
 | `current?`     | `number`                  | Indeks tab aktif (default: 0)      |
 | `onChangeTab?` | `(index: number) => void` | Callback saat tab berpindah        |
 | `renderHeader` | `React.ReactElement`      | tambahan react element di atas tab |
+| `testID`       | `string`                  | ID untuk automation testing (Maestro/Detox/Appium). Menurunkan `-item-{index}` untuk tiap tab header dan `-panel-{index}` untuk tiap konten tab. |
 
 ### `TabItemProps`
 

package/lib/module/Tab/Tab.js

@@ -5,13 +5,15 @@ import { View, Pressable, StyleSheet, ScrollView } from 'react-native';
 import PagerView from 'react-native-pager-view';
 import Color from "../Color/Color.js";
 import Typography from "../Typography/Typography.js";
+import { getTestID } from "../helpers/getTestID.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Tab = ({
   children,
   current = 0,
   onChangeTab,
   renderHeader,
-  refreshControl
+  refreshControl,
+  testID
 }) => {
   const items = Children.toArray(children).filter(isValidElement);
   const [activeIndex, setActiveIndex] = useState(current);
@@ -43,6 +45,7 @@ const Tab = ({
           const isActive = index === activeIndex;
           return /*#__PURE__*/_jsxs(React.Fragment, {
             children: [!item.props.renderTabName && /*#__PURE__*/_jsx(Pressable, {
+              testID: getTestID(testID, `item-${index}`),
               style: [styles.tabButton, isActive ? styles.tabActive : styles.tabInactive],
               onPress: () => handleHeaderPress(index),
               children: /*#__PURE__*/_jsx(Typography, {
@@ -53,6 +56,7 @@ const Tab = ({
                 children: item.props.name
               })
             }), item.props.renderTabName && /*#__PURE__*/_jsx(Pressable, {
+              testID: getTestID(testID, `item-${index}`),
               onPress: () => handleHeaderPress(index),
               children: item.props.renderTabName({
                 isActive
@@ -74,6 +78,7 @@ const Tab = ({
       initialPage: current,
       onPageSelected: e => updateActive(e.nativeEvent.position),
       children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
+        testID: getTestID(testID, `panel-${index}`),
         collapsable: false,
         children: item?.props?.children
       }, index))

package/lib/module/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","ScrollView","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","renderHeader","refreshControl","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","currentHeight","props","height","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","renderTabBar","horizontal","showsHorizontalScrollIndicator","style","styles","tabBarWrapper","tabBar","map","item","isActive","Fragment","renderTabName","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","name","renderMainContent","minHeight","ref","pager","undefined","initialPage","onPageSelected","e","nativeEvent","position","collapsable","container","stickyHeaderIndices","contentContainerStyle","scrollViewContainer","showsVerticalScrollIndicator","create","flex","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","marginBottom","flexGrow"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","ScrollView","PagerView","Color","Typography","getTestID","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","renderHeader","refreshControl","testID","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","currentHeight","props","height","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","renderTabBar","horizontal","showsHorizontalScrollIndicator","style","styles","tabBarWrapper","tabBar","map","item","isActive","Fragment","renderTabName","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","name","renderMainContent","minHeight","ref","pager","undefined","initialPage","onPageSelected","e","nativeEvent","position","collapsable","container","stickyHeaderIndices","contentContainerStyle","scrollViewContainer","showsVerticalScrollIndicator","create","flex","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","marginBottom","flexGrow"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TextEditor/LinkSheet.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import BottomSheet from "../BottomSheet/BottomSheet.js";
+import Button from "../Button/Button.js";
+import Input from "../Input/Input.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The sheet for adding or editing a hyperlink.
+ *
+ * The url input takes the forwarded ref because the editor focuses it shortly
+ * after opening.
+ */
+const LinkSheet = /*#__PURE__*/forwardRef(({
+  isOpen,
+  text,
+  url,
+  onChangeText,
+  onChangeUrl,
+  onCancel,
+  onSave,
+  onClose,
+  labelText,
+  labelUrl,
+  placeholderText,
+  placeholderUrl,
+  saveText,
+  cancelText
+}, ref) => /*#__PURE__*/_jsxs(BottomSheet, {
+  isOpen: isOpen,
+  onClose: onClose,
+  children: [/*#__PURE__*/_jsxs(View, {
+    style: styles.body,
+    children: [/*#__PURE__*/_jsx(Input, {
+      label: labelText,
+      value: text,
+      onChangeText: onChangeText,
+      placeholder: placeholderText,
+      autoCapitalize: "none"
+    }), /*#__PURE__*/_jsx(Input, {
+      ref: ref,
+      keyboardType: "url",
+      label: labelUrl,
+      value: url,
+      onChangeText: onChangeUrl,
+      placeholder: placeholderUrl,
+      autoCapitalize: "none"
+    })]
+  }), /*#__PURE__*/_jsxs(View, {
+    style: styles.actions,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.flex1,
+      children: /*#__PURE__*/_jsx(Button, {
+        title: cancelText,
+        color: "primary",
+        onPress: onCancel,
+        variant: "outline"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.flex1,
+      children: /*#__PURE__*/_jsx(Button, {
+        title: saveText,
+        color: "primary",
+        onPress: onSave
+      })
+    })]
+  })]
+}));
+export default LinkSheet;
+const styles = StyleSheet.create({
+  body: {
+    gap: 12
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 8,
+    marginTop: 16
+  },
+  flex1: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=LinkSheet.js.map

package/lib/module/TextEditor/LinkSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","View","BottomSheet","Button","Input","jsx","_jsx","jsxs","_jsxs","LinkSheet","isOpen","text","url","onChangeText","onChangeUrl","onCancel","onSave","onClose","labelText","labelUrl","placeholderText","placeholderUrl","saveText","cancelText","ref","children","style","styles","body","label","value","placeholder","autoCapitalize","keyboardType","actions","flex1","title","color","onPress","variant","create","gap","flexDirection","marginTop","flex"],"sourceRoot":"../../../src","sources":["TextEditor/LinkSheet.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,UAAU,EAAaC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBnC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,gBAAGV,UAAU,CAC1B,CACE;EACEW,MAAM;EACNC,IAAI;EACJC,GAAG;EACHC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,eAAe;EACfC,cAAc;EACdC,QAAQ;EACRC;AACF,CAAC,EACDC,GAAG,kBAEHhB,KAAA,CAACN,WAAW;EAACQ,MAAM,EAAEA,MAAO;EAACO,OAAO,EAAEA,OAAQ;EAAAQ,QAAA,gBAC5CjB,KAAA,CAACP,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAH,QAAA,gBACvBnB,IAAA,CAACF,KAAK;MACJyB,KAAK,EAAEX,SAAU;MACjBY,KAAK,EAAEnB,IAAK;MACZE,YAAY,EAAEA,YAAa;MAC3BkB,WAAW,EAAEX,eAAgB;MAC7BY,cAAc,EAAC;IAAM,CACtB,CAAC,eACF1B,IAAA,CAACF,KAAK;MACJoB,GAAG,EAAEA,GAAI;MACTS,YAAY,EAAC,KAAK;MAClBJ,KAAK,EAAEV,QAAS;MAChBW,KAAK,EAAElB,GAAI;MACXC,YAAY,EAAEC,WAAY;MAC1BiB,WAAW,EAAEV,cAAe;MAC5BW,cAAc,EAAC;IAAM,CACtB,CAAC;EAAA,CACE,CAAC,eACPxB,KAAA,CAACP,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACO,OAAQ;IAAAT,QAAA,gBAC1BnB,IAAA,CAACL,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAV,QAAA,eACxBnB,IAAA,CAACH,MAAM;QACLiC,KAAK,EAAEb,UAAW;QAClBc,KAAK,EAAC,SAAS;QACfC,OAAO,EAAEvB,QAAS;QAClBwB,OAAO,EAAC;MAAS,CAClB;IAAC,CACE,CAAC,eACPjC,IAAA,CAACL,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAV,QAAA,eACxBnB,IAAA,CAACH,MAAM;QAACiC,KAAK,EAAEd,QAAS;QAACe,KAAK,EAAC,SAAS;QAACC,OAAO,EAAEtB;MAAO,CAAE;IAAC,CACxD,CAAC;EAAA,CACH,CAAC;AAAA,CACI,CAEjB,CAAC;AAED,eAAeP,SAAS;AAExB,MAAMkB,MAAM,GAAG3B,UAAU,CAACwC,MAAM,CAAC;EAC/BZ,IAAI,EAAE;IACJa,GAAG,EAAE;EACP,CAAC;EACDP,OAAO,EAAE;IACPQ,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAE,CAAC;IACNE,SAAS,EAAE;EACb,CAAC;EACDR,KAAK,EAAE;IACLS,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/TextEditor/README.md

@@ -5,13 +5,14 @@ Rich text editor component untuk React Native dengan toolbar formatting yang len
 ## Features
 
 - ✅ Rich text formatting (Bold, Italic, Underline, Strikethrough)
+- ✅ Heading H1–H3, clear formatting, undo/redo
 - ✅ Insert dan edit hyperlinks
 - ✅ Bullet dan numbered lists
 - ✅ Text alignment (Left, Center, Right)
 - ✅ Character counter dengan max length validation
 - ✅ Custom placeholder
 - ✅ WebView-based editor dengan contenteditable
-- ✅ Toolbar otomatis muncul saat keyboard aktif
+- ✅ Toolbar otomatis muncul saat editor dipakai dan keyboard aktif
 - ✅ Support iOS dan Android
 - ✅ Imperative methods (getContent, setContent, clearContent)
 
@@ -61,12 +62,43 @@ export default function MyScreen() {
 | `onChange`                | `(html: string) => void` | -                            | Callback saat konten berubah                 |
 | `onFocus`                 | `() => void`             | -                            | Callback saat editor focus                   |
 | `onBlur`                  | `() => void`             | -                            | Callback saat editor blur                    |
+| `showToolbar`             | `boolean`                | `true`                       | Gerbang toolbar mengambang. `true`: muncul selama editor ini memegang kursor dan keyboard terbuka. `false`: tidak muncul sama sekali. Tidak memaksa toolbar muncul sendiri. |
 | `inputLabelLinkText`      | `string`                 | `'Teks Link'`                | Label untuk input teks link                  |
 | `inputLabelLinkUrl`       | `string`                 | `'Link URL'`                 | Label untuk input URL link                   |
 | `inputLinkTextPlacholder` | `string`                 | `'Link URL'`                 | Placeholder untuk input teks link            |
 | `inputLinkUrlPlacholder`  | `string`                 | `'https://www.example.com'`  | Placeholder untuk input URL                  |
 | `saveLinkButtonText`      | `string`                 | `'Simpan'`                   | Text tombol simpan link                      |
 | `cancelLinkButtonText`    | `string`                 | `'Batal'`                    | Text tombol batal link                       |
+| `testID`                  | `string`                 | -                            | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan ke elemen akar, dan menurunkan satu id per tombol toolbar (`-bold`, `-italic`, `-underline`, `-strikeThrough`, `-link`, `-insertUnorderedList`, `-insertOrderedList`, `-justifyLeft`, `-justifyCenter`, `-justifyRight`, `-h1`, `-h2`, `-h3`, `-removeFormat`, `-undo`, `-redo`). |
+
+
+## Toolbar
+
+| Tombol | Perintah | Status aktif |
+| ------ | -------- | ------------ |
+| Bold, Italic, Underline, Strike | `execCommand` | `queryCommandState` |
+| Bullet, Number, Left/Center/Right | `execCommand` | `queryCommandState` |
+| H1, H2, H3 | `formatBlock` | `queryCommandValue('formatBlock')` |
+| Clear format | `removeFormat`, lalu `formatBlock <p>` bila blok saat ini heading | tidak pernah menyala — ini aksi |
+| Undo, Redo | `execCommand` | tidak pernah menyala — ini aksi |
+| Link | membuka sheet | — |
+
+H1/H2/H3 memakai label teks, bukan ikon, karena tidak ada ikon heading di
+`Icon` — dan label teks memang lazim untuk heading di toolbar editor.
+
+**Toolbar mengikuti kursor, bukan keyboard.** Toolbar dirender ke satu slot
+`Footer` yang dipakai bersama seluruh layar, dan keyboard itu global. Kalau
+gerbangnya hanya keyboard, setiap editor yang sedang ter-mount akan melukis
+toolbar begitu field mana pun membuka keyboard — termasuk menimpa editor lain
+yang justru meminta `showToolbar={false}`. Karena itu toolbar hanya muncul untuk
+editor yang sedang memegang kursor: satu layar boleh berisi banyak editor, dan
+hanya satu toolbar yang tampil.
+
+**Catatan underline di dalam link.** Stylesheet editor menggarisbawahi setiap
+`<a>`, dan `queryCommandState('underline')` tidak bisa membedakannya dari `<u>`
+sungguhan. Karena itu saat kursor berada di dalam link, status underline
+ditentukan dari ada-tidaknya leluhur `<u>` di DOM. Tanpa ini tombolnya menyala
+begitu link disisipkan dan tidak pernah bisa dimatikan.
 
 ## Advanced Usage
 
@@ -158,6 +190,10 @@ Editor menyediakan toolbar dengan commands berikut:
 - **Align Left** - Align teks ke kiri
 - **Align Center** - Align teks ke tengah
 - **Align Right** - Align teks ke kanan
+- **H1 / H2 / H3** - Mengubah baris jadi heading (label teks, bukan ikon)
+- **Clear format** - Membersihkan format inline, sekaligus mengembalikan
+  heading ke paragraf biasa
+- **Undo / Redo** - Membatalkan atau mengulang perubahan terakhir
 
 ## Ref Methods
 
@@ -248,7 +284,9 @@ Component menggunakan styling internal yang sudah optimal. Jika perlu custom sty
 
 **Problem:** Toolbar tidak tampil saat keyboard aktif
 
-**Solution:** Pastikan component tidak di-wrap dengan View yang membatasi positioning absolute.
+**Solution:** Toolbar hanya muncul untuk editor yang sedang memegang kursor —
+keyboard yang terbuka karena field lain tidak memunculkannya. Pastikan juga
+component tidak di-wrap dengan View yang membatasi positioning absolute.
 
 ## Performance Tips
 
@@ -261,3 +299,15 @@ Component menggunakan styling internal yang sudah optimal. Jika perlu custom sty
 
 - `react-native-webview` - WebView component
 - Internal components: `BottomSheet`, `Button`, `Icon`, `Input`, `LabelForm`, `Typography`
+
+**Catatan clear format pada heading.** `removeFormat` menurut spesifikasi hanya
+membersihkan format *inline* — bold, italic, warna, font. Elemen blok seperti
+`<h1>` tidak tersentuh sama sekali. Karena itu tombol Clear format menjalankan
+`removeFormat` lalu, kalau blok saat ini heading, mengembalikannya ke `<p>`.
+Blok lain (mis. daftar) sengaja tidak diutak-atik.
+
+Eksekusi perintah tinggal di satu tempat (`rnkitRunCommand` di
+`formatState.ts`) dan dipanggil kedua platform — iOS lewat injeksi, Android
+lewat message handler. Sebelumnya keduanya ditulis terpisah, dan justru dari
+situ dua bug lahir: iOS tidak menyegarkan status setelah perintah, dan heading
+dipetakan di dua tempat berbeda.