@momo-kits/collapse 0.77.5 → 0.77.7

package/index.tsx

@@ -85,7 +85,7 @@ const Collapse: FC<CollapseProps> = ({
           },
           expanded && radiusStyle,
         ]}>
-        {!!image && <Image source={image} style={styles.image} />}
+        {!!image && <Image source={{uri: image}} style={styles.image} />}
         <View style={styles.headerContent}>
           <Text numberOfLines={1} typography={'header_default'}>
             {title}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/collapse",
-    "version": "0.77.5",
+    "version": "0.77.7",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {

package/types.ts

@@ -1,8 +1,40 @@
-import {Source} from 'react-native-fast-image';
+/**
+ * Props for the Collapse component. The Collapse component is an interactive component
+ * typically used to show and hide content via user interaction, often used for FAQs,
+ * toggles, or detailed breakdowns in a condensed space.
+ */
 export type CollapseProps = {
+  /**
+   * The title represents what is being collapsed or expanded. It is usually a summary or
+   * a brief heading corresponding to the detailed content that gets revealed.
+   */
   title: string;
+
+  /**
+   * Optional. A more detailed explanation or continuation of the title. This text provides
+   * additional context or information, which is particularly useful when the collapsed content
+   * is not immediately visible or requires extra explanation.
+   */
   description?: string;
-  image?: number | Source;
+
+  /**
+   * Optional. The URL or local file path of an image to be displayed. This feature is often
+   * used to provide a visual context or decoration, enhancing user engagement or understanding
+   * of the information being toggled.
+   */
+  image?: string;
+
+  /**
+   * Optional. A callback function that is triggered when the collapse component is pressed or
+   * selected. This function is typically used to toggle the view state of the collapsible content.
+   */
   onPress?: () => void;
+
+  /**
+   * Optional. If `true`, a border is displayed around the collapse component, visually separating
+   * it from other UI elements. This is particularly useful in densely packed interfaces to delineate
+   * between different sections.
+   * Defaults to `false` if not provided.
+   */
   showBorder?: boolean;
 };