@herca/rn-kit 0.1.113 → 0.1.115

package/src/Timeline/TimelineItem.tsx

@@ -19,12 +19,14 @@ interface TimelineItemProps {
   children: React.ReactNode;
   color?: ColorKey;
   isLast?: boolean;
+  testID?: string;
 }
 
 export default function TimelineItem({
   children,
   color = 'primary',
   isLast = false,
+  testID,
 }: TimelineItemProps) {
   const [contentHeight, setContentHeight] = useState(0);
   const renderDashes = (count: number) => {
@@ -34,7 +36,7 @@ export default function TimelineItem({
   };
 
   return (
-    <View style={styles.container}>
+    <View testID={testID} style={styles.container}>
       <View style={styles.contentLeft}>
         <Icon name="RadioButton" color={COLOR_MAP[color]} />
         <View>

package/src/Toast/README.md

@@ -62,6 +62,22 @@ Menyediakan context global toast. Harus membungkus komponen root Anda.
 | `duration` | `number` (ms)      | `3000`              | Waktu tampil Toast sebelum hilang.                                      |
 | `children` | `React.ReactNode`  | `-`                 | Konten opsional yang bisa diisi dengan Semua komponen di dalam aplikasi |
 
+### 🧪 Automation Testing (testID)
+
+Komponen `Toast` (yang di-export langsung dari package) mendukung prop `testID` untuk kebutuhan automation testing (Maestro/Detox/Appium):
+
+```tsx
+import { Toast } from '@herca/rn-kit';
+
+<Toast testID="save-toast" visible message="Data berhasil disimpan" />
+```
+
+| Prop     | Type     | Description                                                                                     |
+| -------- | -------- | ------------------------------------------------------------------------------------------------ |
+| `testID` | `string` | ID untuk automation testing. Diterapkan ke root Toast; menurunkan `-message` dan `-clear`.        |
+
+> ⚠️ **Catatan:** `testID` saat ini **belum** diteruskan lewat `ToastOptions` pada `useToast().show()` (API imperatif via `ToastProvider`). Jika automation testing untuk Toast dibutuhkan, render komponen `Toast` secara langsung seperti contoh di atas.
+
 ### 🎨 ToastColor (Available Values)
 
 | Value     | Keterangan        |

package/src/Toast/Toast.tsx

@@ -3,6 +3,7 @@ import { Animated, Pressable, StyleSheet, View } from 'react-native';
 import Color from '../Color/Color';
 import Typography from '../Typography/Typography';
 import Icon, { type IconNameProps } from '../Icon';
+import { getTestID } from '../helpers/getTestID';
 
 type ToastColor =
   | 'default'
@@ -73,6 +74,7 @@ interface ToastProps {
   onClear?: (val: boolean) => void;
   onHide?: (val: boolean) => void;
   children?: React.ReactNode;
+  testID?: string;
 }
 const Toast = ({
   visible,
@@ -83,6 +85,7 @@ const Toast = ({
   icon = 'ExclamationMark',
   onClear,
   children,
+  testID,
 }: ToastProps) => {
   const fadeAnim = useRef(new Animated.Value(0)).current;
   const validColors: ToastColor[] = [
@@ -130,19 +133,27 @@ const Toast = ({
 
   return (
     <Animated.View
+      testID={testID}
       style={[styles.toast, baseContainerStyle, { opacity: fadeAnim }]}
     >
       <View style={styles.wrapper}>
         <View style={styles.container}>
           <View style={styles.content}>
             <Icon name={icon} size={20} color={COLOR_MAP[safeColor].text} />
-            <Typography variant="t2" color={COLOR_MAP[safeColor].text}>
+            <Typography
+              testID={getTestID(testID, 'message')}
+              variant="t2"
+              color={COLOR_MAP[safeColor].text}
+            >
               {message}
             </Typography>
           </View>
           <View style={styles.actionWrapper}>
             {children}
-            <Pressable onPress={handlePressClearButton}>
+            <Pressable
+              testID={getTestID(testID, 'clear')}
+              onPress={handlePressClearButton}
+            >
               <Icon name="Times" size={10} color={COLOR_MAP[safeColor].text} />
             </Pressable>
           </View>

package/src/Typography/README.md

@@ -23,6 +23,7 @@ Komponen `Typography` digunakan untuk menampilkan teks dengan berbagai ukuran, k
 | `center`       | `boolean`                     | `false`     | Mengatur teks ke tengah                                         |
 | `right`        | `boolean`                     | `false`     | Mengatur teks ke kanan                                          |
 | `left`         | `boolean`                     | `false`     | Mengatur teks ke kiri                                           |
+| `testID` | `string` | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
 
 ## 🔠 Varian & Ukuran
 

package/src/Typography/Typography.tsx

@@ -18,6 +18,7 @@ const Typography: React.FC<TypographyProps> = ({
   center,
   right,
   left,
+  testID,
 }) => {
   const textStyle: TextStyle = {
     fontSize: fontSizeMap[variant],
@@ -28,7 +29,11 @@ const Typography: React.FC<TypographyProps> = ({
   };
 
   return (
-    <Text style={[styles.text, textStyle, style]} numberOfLines={numberOfLines}>
+    <Text
+      testID={testID}
+      style={[styles.text, textStyle, style]}
+      numberOfLines={numberOfLines}
+    >
       {children}
     </Text>
   );

package/src/Typography/type.tsx

@@ -57,4 +57,5 @@ export interface TypographyProps {
   center?: boolean;
   right?: boolean;
   left?: boolean;
+  testID?: string;
 }

package/src/Ui/Card.tsx

@@ -14,6 +14,7 @@ interface CardProps {
   backgroundImage?: any;
   backgroundColor?: string;
   borderColor?: string;
+  testID?: string;
 }
 
 export default function Card({
@@ -22,10 +23,12 @@ export default function Card({
   backgroundImage,
   backgroundColor,
   borderColor = Color.gray['100'],
+  testID,
 }: CardProps) {
   if (backgroundImage) {
     return (
       <ImageBackground
+        testID={testID}
         source={backgroundImage}
         style={[styles.imageBackground, style, { borderColor: borderColor }]}
         imageStyle={styles.imageStyle}
@@ -36,6 +39,7 @@ export default function Card({
   }
   return (
     <View
+      testID={testID}
       style={[
         styles.container,
         style,

package/src/Ui/Center.tsx

@@ -4,10 +4,15 @@ interface CenterProps {
   children: React.ReactNode;
   size?: number;
   style?: StyleProp<ViewStyle>;
+  testID?: string;
 }
 
-const Center = ({ children, style }: CenterProps) => {
-  return <View style={[styles.center, style]}>{children}</View>;
+const Center = ({ children, style, testID }: CenterProps) => {
+  return (
+    <View testID={testID} style={[styles.center, style]}>
+      {children}
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({

package/src/Ui/Col.tsx

@@ -6,12 +6,17 @@ interface ColProps {
   children: React.ReactNode;
   size?: number;
   style?: ViewStyle;
+  testID?: string;
 }
 
-const Col: React.FC<ColProps> = ({ children, size = 12, style }) => {
+const Col: React.FC<ColProps> = ({ children, size = 12, style, testID }) => {
   const widthPercent = (size / 12) * 100;
 
-  return <View style={[{ width: `${widthPercent}%` }, style]}>{children}</View>;
+  return (
+    <View testID={testID} style={[{ width: `${widthPercent}%` }, style]}>
+      {children}
+    </View>
+  );
 };
 
 export default Col;

package/src/Ui/Container.tsx

@@ -3,10 +3,15 @@ import { StyleSheet, View, type StyleProp, type ViewStyle } from 'react-native';
 interface Props {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
+  testID?: string;
 }
 
-export default function Container({ children, style }: Props) {
-  return <View style={[styles.container, style]}>{children}</View>;
+export default function Container({ children, style, testID }: Props) {
+  return (
+    <View testID={testID} style={[styles.container, style]}>
+      {children}
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({

package/src/Ui/Devider.tsx

@@ -1,8 +1,8 @@
 import { View, StyleSheet } from 'react-native';
 import Color from '../Color/Color';
 
-const Divider = () => {
-  return <View style={styles.divider} />;
+const Divider = ({ testID }: { testID?: string } = {}) => {
+  return <View testID={testID} style={styles.divider} />;
 };
 
 const styles = StyleSheet.create({

package/src/Ui/Footer.tsx

@@ -13,16 +13,19 @@ import { useOptionalFocusEffect } from '../hooks/useOptionalFocusEffect';
 interface FooterProps {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
+  testID?: string;
 }
 
-const Footer: React.FC<FooterProps> = ({ children, style }) => {
+const Footer: React.FC<FooterProps> = ({ children, style, testID }) => {
   const { setFooter } = useFooter();
 
   const footerElement = useMemo(
     () => (
-      <SafeAreaView style={[styles.container, style]}>{children}</SafeAreaView>
+      <SafeAreaView testID={testID} style={[styles.container, style]}>
+        {children}
+      </SafeAreaView>
     ),
-    [children, style]
+    [children, style, testID]
   );
 
   useOptionalFocusEffect(() => {

package/src/Ui/Gap.tsx

@@ -1,8 +1,14 @@
 import { View } from 'react-native';
 import type { ReactNode } from 'react';
 
-const Gap = ({ children }: { children: ReactNode }) => {
-  return <View>{children}</View>;
+const Gap = ({
+  children,
+  testID,
+}: {
+  children: ReactNode;
+  testID?: string;
+}) => {
+  return <View testID={testID}>{children}</View>;
 };
 
 export default Gap;

package/src/Ui/Grid.tsx

@@ -5,13 +5,14 @@ import type { ViewStyle } from 'react-native';
 interface GridProps {
   children: React.ReactNode;
   style: ViewStyle;
+  testID?: string;
 }
 
-const Grid: React.FC<GridProps> = ({ children, style }) => {
+const Grid: React.FC<GridProps> = ({ children, style, testID }) => {
   const childrenArray = React.Children.toArray(children).filter(Boolean);
 
   return (
-    <View style={[styles.row, style]}>
+    <View testID={testID} style={[styles.row, style]}>
       {childrenArray.map((child, index) => (
         <View key={index} style={styles.children}>
           {child}

package/src/Ui/README_CARD.md

@@ -89,6 +89,7 @@ export default function CardScreen() {
 | `backgroundImage` | `ImageSourcePropType` (`any`) | ❌     | -       | Gambar latar belakang menggunakan `ImageBackground`. |
 | `backgroundColor` | `string`                      | ❌     | `#fff`  | Warna latar belakang Card.                           |
 | `borderColor`     | `string`                      | ❌     | `#F2F2F2`  | Warna border.                           |
+| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
 
 ## Catatan 
 - Saat backgroundImage digunakan, ImageBackground akan membungkus children dan otomatis mengikuti styling dari Card.

package/src/Ui/README_CONTAINER.md

@@ -24,3 +24,4 @@ export default function HomeScreen() {
 | ---------- | ---------------------- | ----- | ------- | ------------------------------------------------------------ |
 | `children` | `ReactNode`            | ✅     | -       | Komponen atau tampilan yang dibungkus di dalam container.    |
 | `style`    | `StyleProp<ViewStyle>` | ❌     | -       | Tambahan gaya jika ingin menimpa atau menambah gaya default. |
+| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |

package/src/Ui/README_DEVIDER.md

@@ -60,3 +60,8 @@ import Divider from '@/components/Divider/Divider';
 }
 ```
 
+## Props
+
+| Props    | Tipe     | Wajib | Default | Deskripsi                                                                                      |
+| -------- | -------- | ----- | ------- | ---------------------------------------------------------------------------------------------- |
+| `testID` | `string` | ❌     | -       | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |

package/src/Ui/README_FOOTER.md

@@ -0,0 +1,9 @@
+
+
+## Props
+
+| Props      | Tipe                   | Wajib | Default | Deskripsi                                                                                      |
+| ---------- | ---------------------- | ----- | ------- | ---------------------------------------------------------------------------------------------- |
+| `children` | `ReactNode`            | ✅     | -       | Konten footer yang dititipkan ke slot footer milik `Provider`.                                 |
+| `style`    | `StyleProp<ViewStyle>` | ❌     | -       | Gaya tambahan untuk container footer.                                                          |
+| `testID`   | `string`               | ❌     | -       | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan ke `SafeAreaView` footer, tanpa suffix. |

package/src/Ui/README_VIEWINSETS.md

@@ -47,6 +47,7 @@ function MyScreen() {
 | `useRight`  | `boolean`              | `false`      | Menambahkan padding right sesuai safe area inset kanan  |
 | `style`     | `StyleProp<ViewStyle>` | `undefined`  | Style tambahan untuk container                          |
 | `...rest`   | `ViewProps`            | -            | Props lainnya akan diteruskan ke komponen View          |
+| `testID`    | `string`               | `undefined`  | ID untuk automation testing (Maestro/Detox/Appium), diteruskan lewat `...rest` |
 
 ## Contoh Penggunaan
 

package/src/function/README_DATE_FORMATTER.md

@@ -32,6 +32,7 @@ dateFormatter({ date, options }: DateFormatterProps): string
 | `monthFormat` | `'numeric' \| '2-digit' \| 'long' \| 'short' \| 'narrow'` | `'long'`    | Format tampilan bulan (hanya untuk format localized)           |
 | `language`    | `'en' \| 'id'`                                            | `'en'`      | Bahasa untuk format localized                                  |
 | `format`      | `'default' \| 'iso' \| 'localized'`                       | `'default'` | Tipe format output                                             |
+| `pattern`     | `string`                                                  | -           | Pola token, mis. `'DD/MM/YYYY HH:mm'`. Menang atas `format`.   |
 
 ## Format Types
 
@@ -88,6 +89,40 @@ dateFormatter({
 // Output: "15 March 2024"
 ```
 
+
+### 4. Pattern (custom)
+
+Isi `pattern` kalau ingin susunan bebas. Kalau diisi, ia menang atas `format`.
+
+| Token  | Contoh    | Token  | Contoh |
+| ------ | --------- | ------ | ------ |
+| `YYYY` | `2024`    | `DD`   | `05`   |
+| `YY`   | `24`      | `D`    | `5`    |
+| `MMMM` | `Januari` | `dddd` | `Jumat`|
+| `MMM`  | `Jan`     | `HH`   | `09`   |
+| `MM`   | `01`      | `mm`   | `30`   |
+| `M`    | `1`       | `ss`   | `05`   |
+
+Nama bulan dan hari mengikuti `language`.
+
+```js
+dateFormatter({ date, options: { pattern: 'MM YYYY' } });
+// "01 2024"
+
+dateFormatter({ date, options: { pattern: 'MMMM YYYY' } });
+// "Januari 2024"
+
+dateFormatter({ date, options: { pattern: 'DD/MM/YYYY HH:mm' } });
+// "05/01/2024 09:30"
+
+dateFormatter({ date, options: { pattern: 'dddd, DD MMMM YYYY', language: 'en' } });
+// "Friday, 05 January 2024"
+```
+
+Teks selain token disalin apa adanya, dan tidak ada sintaks escape — hindari
+teks literal yang mengandung token persis seperti di tabel.
+
+
 ## Contoh Penggunaan
 
 ### Basic Usage

package/src/function/dateFormatter.ts

@@ -8,6 +8,17 @@ interface DateFormatterProps {
     monthFormat?: Intl.DateTimeFormatOptions['month'];
     language?: 'en' | 'id';
     format?: 'default' | 'iso' | 'localized';
+    /**
+     * Token pattern, e.g. 'DD/MM/YYYY HH:mm' or 'MMMM YYYY'.
+     * Wins over `format` when set. Month and weekday names follow `language`.
+     *
+     * YYYY 2024 | YY 24 | MMMM Januari | MMM Jan | MM 01 | M 1
+     * DD 05 | D 5 | dddd Jumat | HH 09 | mm 30 | ss 05
+     *
+     * Anything that is not a token is copied through as-is. There is no
+     * escape syntax, so avoid literal text containing these exact tokens.
+     */
+    pattern?: string;
   };
 }
 
@@ -24,6 +35,35 @@ export const dateFormatter = ({ date, options }: DateFormatterProps) => {
   const minutes = String(dateObj.getMinutes()).padStart(2, '0');
   const seconds = String(dateObj.getSeconds()).padStart(2, '0');
 
+  if (options?.pattern) {
+    const locale = options?.language !== 'en' ? 'id-ID' : 'en-GB';
+    const named = (opts: Intl.DateTimeFormatOptions) =>
+      new Intl.DateTimeFormat(locale, opts).format(dateObj);
+
+    const tokens: Record<string, string> = {
+      YYYY: String(year),
+      YY: String(year).slice(-2),
+      MMMM: named({ month: 'long' }),
+      MMM: named({ month: 'short' }),
+      MM: month,
+      M: String(dateObj.getMonth() + 1),
+      DD: day,
+      D: String(dateObj.getDate()),
+      dddd: named({ weekday: 'long' }),
+      HH: hours,
+      mm: minutes,
+      ss: seconds,
+    };
+
+    // One pass, longest token first: a sequential replace would go on to chew
+    // its own output (MMMM -> 'Januari' still contains 'a', 'n', 'M'-less but
+    // MM -> '01' inside a longer run would misfire the same way).
+    return options.pattern.replace(
+      /dddd|YYYY|MMMM|MMM|YY|MM|DD|HH|mm|ss|M|D/g,
+      (token) => tokens[token] ?? token
+    );
+  }
+
   if (options?.format === 'iso') {
     return `${year}-${month}-${day}${options?.useTime ? ` ${hours}:${minutes}:${seconds}` : ''}`;
   } else if (options?.format === 'localized') {

package/src/helpers/getTestID.ts

@@ -0,0 +1,15 @@
+/**
+ * Derive a stable testID for a sub-element from a single base testID.
+ * Returns undefined when base is falsy so no empty testID is rendered.
+ *
+ * @example getTestID('email', 'input') // 'email-input'
+ * @example getTestID('email')          // 'email'
+ * @example getTestID(undefined, 'x')   // undefined
+ */
+export const getTestID = (
+  base?: string,
+  suffix?: string
+): string | undefined => {
+  if (!base) return undefined;
+  return suffix ? `${base}-${suffix}` : base;
+};

package/src/index.tsx

@@ -85,6 +85,7 @@ export { default as TabItem } from './Tab/TabItem';
 export { default as Toast } from './Toast/Toast';
 export { default as TextArea } from './Input/TextArea';
 export { default as TextEditor } from './TextEditor/TextEditor';
+export type { TextEditorRef } from './TextEditor/TextEditor';
 // export { default as PdfView } from './FileView/PdfView';
 export { ToastProvider, useToast } from './Toast/ToastContext';
 export { default as Skeleton } from './Skeleton/Skeleton';
@@ -95,6 +96,11 @@ export { default as PdfView } from './FileView/PdfView';
 export { default as InputSelect } from './Input/InputSelect';
 export type { ChipValue } from './Chip/type';
 export { default as InputDate } from './Input/InputDate';
+export { default as InputMonth } from './Input/InputMonth';
+export type { InputMonthProps } from './Input/InputMonth';
+export { default as InputYear } from './Input/InputYear';
+export type { InputYearProps } from './Input/InputYear';
+export type { PickerFieldValue } from './Input/type';
 export { dateFormatter } from './function/dateFormatter';
 export { default as ViewInsets } from './Ui/ViewInsets';
 export { default as Spinner } from './Spinner/Spinner';

package/lib/module/Button/tests/Button.test.js

@@ -1,70 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { Text } from 'react-native';
-import Button from "../Button.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('Button Component', () => {
-  it('renders with title', () => {
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(Button, {
-      title: "Submit",
-      onPress: () => {}
-    }));
-    expect(getByText('Submit')).toBeTruthy();
-  });
-  it('calls onPress when pressed', () => {
-    const mockFn = jest.fn();
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(Button, {
-      title: "Click me",
-      onPress: mockFn
-    }));
-    fireEvent.press(getByText('Click me'));
-    expect(mockFn).toHaveBeenCalledTimes(1);
-  });
-  it('does not call onPress when disabled', () => {
-    const mockFn = jest.fn();
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(Button, {
-      title: "Disabled",
-      onPress: mockFn,
-      disabled: true
-    }));
-    fireEvent.press(getByText('Disabled'));
-    expect(mockFn).not.toHaveBeenCalled();
-  });
-  it('renders loading indicator when loading', () => {
-    const {
-      getByTestId
-    } = render(/*#__PURE__*/_jsx(Button, {
-      title: "Load",
-      onPress: () => {},
-      loading: true
-    }));
-    // You might want to set `testID="loading-indicator"` in <ActivityIndicator /> in the component
-    // For now, we check for presence of ActivityIndicator via accessibilityRole
-    const indicator = getByTestId('ActivityIndicator');
-    expect(indicator).toBeTruthy();
-  });
-  it('renders custom child instead of title', () => {
-    const {
-      queryByText,
-      getByText
-    } = render(/*#__PURE__*/_jsx(Button, {
-      onPress: () => {},
-      children: /*#__PURE__*/_jsx(React.Fragment, {
-        children: /*#__PURE__*/_jsx(Text, {
-          children: "Custom Child"
-        })
-      })
-    }));
-    expect(getByText('Custom Child')).toBeTruthy();
-    expect(queryByText('title')).toBeNull();
-  });
-});
-//# sourceMappingURL=Button.test.js.map

package/lib/module/Button/tests/Button.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","render","fireEvent","Text","Button","jsx","_jsx","describe","it","getByText","title","onPress","expect","toBeTruthy","mockFn","jest","fn","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled","getByTestId","loading","indicator","queryByText","children","Fragment","toBeNull"],"sourceRoot":"../../../../src","sources":["Button/tests/Button.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACjE,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/BC,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EACjCC,EAAE,CAAC,oBAAoB,EAAE,MAAM;IAC7B,MAAM;MAAEC;IAAU,CAAC,GAAGR,MAAM,cAACK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC1EC,MAAM,CAACH,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACI,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFL,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrC,MAAMM,MAAM,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACxB,MAAM;MAAEP;IAAU,CAAC,GAAGR,MAAM,cAACK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,UAAU;MAACC,OAAO,EAAEG;IAAO,CAAE,CAAC,CAAC;IAC1EZ,SAAS,CAACe,KAAK,CAACR,SAAS,CAAC,UAAU,CAAC,CAAC;IACtCG,MAAM,CAACE,MAAM,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EACzC,CAAC,CAAC;EAEFV,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMM,MAAM,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACxB,MAAM;MAAEP;IAAU,CAAC,GAAGR,MAAM,cAC1BK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,UAAU;MAACC,OAAO,EAAEG,MAAO;MAACK,QAAQ;IAAA,CAAE,CACtD,CAAC;IACDjB,SAAS,CAACe,KAAK,CAACR,SAAS,CAAC,UAAU,CAAC,CAAC;IACtCG,MAAM,CAACE,MAAM,CAAC,CAACM,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACvC,CAAC,CAAC;EAEFb,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAM;MAAEc;IAAY,CAAC,GAAGrB,MAAM,cAC5BK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,MAAM;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACY,OAAO;IAAA,CAAE,CACnD,CAAC;IACD;IACA;IACA,MAAMC,SAAS,GAAGF,WAAW,CAAC,mBAAmB,CAAC;IAClDV,MAAM,CAACY,SAAS,CAAC,CAACX,UAAU,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFL,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAChD,MAAM;MAAEiB,WAAW;MAAEhB;IAAU,CAAC,GAAGR,MAAM,cACvCK,IAAA,CAACF,MAAM;MAACO,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAe,QAAA,eACxBpB,IAAA,CAACN,KAAK,CAAC2B,QAAQ;QAAAD,QAAA,eACbpB,IAAA,CAACH,IAAI;UAAAuB,QAAA,EAAC;QAAY,CAAM;MAAC,CACX;IAAC,CACX,CACV,CAAC;IACDd,MAAM,CAACH,SAAS,CAAC,cAAc,CAAC,CAAC,CAACI,UAAU,CAAC,CAAC;IAC9CD,MAAM,CAACa,WAAW,CAAC,OAAO,CAAC,CAAC,CAACG,QAAQ,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/Button/tests/Button.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Button.test.d.ts.map

package/lib/typescript/src/Button/tests/Button.test.d.ts.map

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

package/src/Button/tests/Button.test.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { Text } from 'react-native';
-import Button from '../Button';
-
-describe('Button Component', () => {
-  it('renders with title', () => {
-    const { getByText } = render(<Button title="Submit" onPress={() => {}} />);
-    expect(getByText('Submit')).toBeTruthy();
-  });
-
-  it('calls onPress when pressed', () => {
-    const mockFn = jest.fn();
-    const { getByText } = render(<Button title="Click me" onPress={mockFn} />);
-    fireEvent.press(getByText('Click me'));
-    expect(mockFn).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call onPress when disabled', () => {
-    const mockFn = jest.fn();
-    const { getByText } = render(
-      <Button title="Disabled" onPress={mockFn} disabled />
-    );
-    fireEvent.press(getByText('Disabled'));
-    expect(mockFn).not.toHaveBeenCalled();
-  });
-
-  it('renders loading indicator when loading', () => {
-    const { getByTestId } = render(
-      <Button title="Load" onPress={() => {}} loading />
-    );
-    // You might want to set `testID="loading-indicator"` in <ActivityIndicator /> in the component
-    // For now, we check for presence of ActivityIndicator via accessibilityRole
-    const indicator = getByTestId('ActivityIndicator');
-    expect(indicator).toBeTruthy();
-  });
-
-  it('renders custom child instead of title', () => {
-    const { queryByText, getByText } = render(
-      <Button onPress={() => {}}>
-        <React.Fragment>
-          <Text>Custom Child</Text>
-        </React.Fragment>
-      </Button>
-    );
-    expect(getByText('Custom Child')).toBeTruthy();
-    expect(queryByText('title')).toBeNull();
-  });
-});