@momo-kits/information 0.165.2-beta.2 → 0.167.1-beta.1

package/index.tsx

@@ -11,9 +11,6 @@ import {
   Text,
 } from '@momo-kits/foundation';
 
-const isWordChar = (char?: string) =>
-  !!char && (char.toLowerCase() !== char.toUpperCase() || /[0-9_]/.test(char));
-
 const Information: FC<InformationProps> = ({
   title,
   description = 'Description',
@@ -26,7 +23,6 @@ const Information: FC<InformationProps> = ({
   showIconClose = true,
   onPressClose,
   accessibilityLabel,
-  highlightText,
 }) => {
   const app = useContext<any>(MiniAppContext);
   const screen = useContext<any>(ScreenContext);
@@ -65,42 +61,6 @@ const Information: FC<InformationProps> = ({
 
   const {backgroundColor, borderColor, color, iconSource} = getTypeStyle();
 
-  const renderDescription = () => {
-    const keywords = highlightText?.filter(
-      keyword => typeof keyword === 'string' && keyword,
-    );
-    if (!keywords?.length || typeof description !== 'string') {
-      return description;
-    }
-    const pattern = [...keywords]
-      .sort((a, b) => b.length - a.length)
-      .map(keyword => keyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
-      .join('|');
-    const regex = new RegExp(pattern, 'g');
-    const parts: React.ReactNode[] = [];
-    let lastIndex = 0;
-    let match;
-    while ((match = regex.exec(description))) {
-      const start = match.index;
-      const end = start + match[0].length;
-      if (isWordChar(description[start - 1]) || isWordChar(description[end])) {
-        regex.lastIndex = start + 1;
-        continue;
-      }
-      if (start > lastIndex) {
-        parts.push(description.slice(lastIndex, start));
-      }
-      parts.push(
-        <Text key={start} typography={'header_xs_semibold'}>
-          {match[0]}
-        </Text>,
-      );
-      lastIndex = end;
-    }
-    parts.push(description.slice(lastIndex));
-    return parts;
-  };
-
   return (
     <View
       style={[style, {backgroundColor, borderColor}, styles.container]}
@@ -133,7 +93,7 @@ const Information: FC<InformationProps> = ({
           <Text
             typography={'description_default_regular'}
             accessibilityLabel={componentId + '|description-text'}>
-            {renderDescription()}
+            {description}
           </Text>
         </View>
         {showIconClose && (

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/information",
-    "version": "0.165.2-beta.2",
+    "version": "0.167.1-beta.1",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {

package/types.ts

@@ -18,12 +18,6 @@ export type InformationProps = {
    */
   description: string;
 
-  /**
-   * Optional. List of substrings within `description` to be rendered in semibold.
-   * Matching is case-sensitive; every occurrence of each string is highlighted.
-   */
-  highlightText?: string[];
-
   /**
    * Optional. The text for the Call To Action (CTA) button. This is intended to prompt the user
    * to take some specified action like "Retry", "Learn More", or "Dismiss".