@momo-kits/native-kits 0.157.1-beta.9 → 0.157.1-com.1-debug

package/src/libs/Tooltip/types.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+export type TooltipRef = {
+  show: () => void;
+  hide: () => void;
+};
+
+export type TooltipButton = {
+  title?: string;
+  icon?: string;
+  onPress?: () => void;
+};
+
+export type TooltipProps = {
+  /**
+   * Element that the tooltip is anchored to.
+   */
+  children: ReactNode;
+  /**
+   * Title displayed at the top of the tooltip.
+   */
+  title?: string;
+  /**
+   * Description text shown under the title.
+   */
+  description?: string;
+  /**
+   * Action buttons rendered at the bottom of the tooltip.
+   */
+  buttons?: TooltipButton[];
+  /**
+   * Tooltip position relative to the anchor element.
+   * @default 'top'
+   */
+  placement?: TooltipPlacement;
+  /**
+   * Cross-axis alignment (start/center/end).
+   * @default 'center'
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * Accessibility label for the component.
+   */
+  accessibilityLabel?: string;
+  /**
+   * Triggered when visibility changes.
+   */
+  onVisibleChange?: (visible: boolean) => void;
+  /**
+   * Triggered when the close button (X) is pressed.
+   */
+  onPressClose?: () => void;
+
+  /**
+   * Tooltip container style.
+   */
+  containerStyle?: ViewStyle;
+};

package/src/libs/Uploader/index.tsx

@@ -0,0 +1,87 @@
+import React, {FC, useContext} from 'react';
+import {
+  ActivityIndicator,
+  ScrollView,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import {UploaderProps, UploadImage} from './types';
+import {ApplicationContext, Icon, Image, Text} from '@momo-kits/foundation';
+import styles from './styles';
+
+const Uploader: FC<UploaderProps> = ({
+  images = [],
+  onAdd,
+  onCancel,
+  onPressImage,
+  numberOfImages = 1,
+  disabled,
+  width = 64,
+  height = 64,
+}) => {
+  const {theme} = useContext(ApplicationContext);
+  const renderPicker = () => {
+    let mainColor = theme.colors.text.hint;
+    let borderColor = theme.colors.border.default;
+
+    if (disabled) {
+      mainColor = theme.colors.text.disable;
+      borderColor = theme.colors.border.disable;
+    }
+    return (
+      <TouchableOpacity
+        onPress={onAdd}
+        disabled={disabled}
+        style={[styles.picker, {borderColor, width, height}]}>
+        <Icon source={'16_navigation_plus'} color={mainColor} />
+        <Text typography={'description_xs_regular'} color={mainColor}>
+          Thêm hình
+        </Text>
+      </TouchableOpacity>
+    );
+  };
+
+  const renderLoadingLayer = () => {
+    return (
+      <View style={styles.loading}>
+        <ActivityIndicator color={theme.colors.primary} />
+      </View>
+    );
+  };
+  const renderImageItem = (image: UploadImage, index: number) => {
+    const {uri, loading} = image;
+    return (
+      <TouchableOpacity
+        key={`Uploader image ${index}`}
+        onPress={() => onPressImage?.(image, index)}
+        style={styles.imageWrapper}>
+        <Image source={{uri}} style={[styles.image, {width, height}]} />
+        {onCancel && !loading && (
+          <TouchableOpacity
+            onPress={() => onCancel(image, index)}
+            style={styles.cancelIcon}>
+            <Icon size={16} source={'navigation_close_circle_full'} />
+          </TouchableOpacity>
+        )}
+        {loading && renderLoadingLayer()}
+      </TouchableOpacity>
+    );
+  };
+
+  const shouldShowPicker = images.length < numberOfImages;
+
+  return (
+    <View style={styles.uploader}>
+      {shouldShowPicker && renderPicker()}
+      <ScrollView showsHorizontalScrollIndicator={false} horizontal>
+        {images?.map((image, index) => {
+          return renderImageItem(image, index);
+        })}
+      </ScrollView>
+    </View>
+  );
+};
+
+export {Uploader};
+
+export type {UploadImage};

package/src/libs/Uploader/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@momo-kits/uploader",
+    "version": "0.157.1-beta.4",
+    "private": false,
+    "main": "index.tsx",
+    "peerDependencies": {
+        "@momo-kits/foundation": "latest",
+        "react": "16.9.0",
+        "react-native": ">=0.55",
+        "prop-types": "^15.7.2"
+    },
+    "license": "MoMo",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "dependencies": {}
+}

package/src/libs/Uploader/publish.sh

@@ -0,0 +1,18 @@
+#!/bin/bash
+
+
+if [ "$1" == "stable" ]; then
+  npm version $(npm view @momo-kits/foundation@stable version)
+  npm version patch
+  npm publish --tag stable --access=public
+elif [ "$1" == "latest" ]; then
+  npm publish --tag latest --access=public
+elif [ "$1" == "beta" ]; then
+  npm publish --tag beta --access=public
+else
+  npm publish --tag alpha --access=public
+fi
+
+PACKAGE_NAME=$(npm pkg get name)
+NEW_PACKAGE_VERSION=$(npm pkg get version)
+

package/src/libs/Uploader/styles.ts

@@ -0,0 +1,30 @@
+import {StyleSheet} from 'react-native';
+import {Radius, Spacing} from '@momo-kits/foundation';
+
+export default StyleSheet.create({
+  picker: {
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: Radius.XS,
+    borderStyle: 'dashed',
+  },
+  image: {
+    borderRadius: Radius.XS,
+  },
+  uploader: {
+    flexDirection: 'row',
+  },
+  cancelIcon: {position: 'absolute', top: Spacing.XXS, right: Spacing.XXS},
+  imageWrapper: {marginLeft: Spacing.S},
+  loading: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    backgroundColor: 'rgba(255,255,255,0.4)',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/src/libs/Uploader/types.ts

@@ -0,0 +1,69 @@
+/**
+ * Represents an individual image being uploaded, containing details about its source and loading state.
+ */
+export type UploadImage = {
+  /**
+   * Optional. The URI (Uniform Resource Identifier) pointing to the image's location. This can be a web URL,
+   * local file path, or any other valid image source identifier.
+   */
+  uri?: string;
+
+  /**
+   * Optional. Indicates whether the image is currently being uploaded.
+   * If `true`, the image is in the process of being uploaded. Defaults to `false` if not provided.
+   */
+  loading?: boolean;
+};
+
+/**
+ * Properties for the Uploader component, designed for handling multiple image uploads.
+ */
+export type UploaderProps = {
+  /**
+   * An array of `UploadImage` objects, each representing an image to be uploaded.
+   */
+  images: UploadImage[];
+
+  /**
+   * Optional. Specifies the maximum number of images that can be uploaded.
+   * If not provided, there is no limit by default.
+   */
+  numberOfImages?: number;
+
+  /**
+   * Optional. If `true`, uploading new images is disabled, and any associated upload controls are not interactive.
+   * Defaults to `false` if not provided.
+   */
+  disabled?: boolean;
+
+  /**
+   * Optional. A callback function that is called when the user initiates the addition of a new image.
+   * Typically used to trigger the file selection dialog.
+   */
+  onAdd?: () => void;
+
+  /**
+   * Optional. A callback function invoked when the user cancels an ongoing upload.
+   * Receives the `UploadImage` object being canceled and its index in the images array as parameters.
+   */
+  onCancel?: (image: UploadImage, index: number) => void;
+
+  /**
+   * Optional. A callback function invoked when the user clicks or taps on an uploaded image.
+   * This can be used to open a preview overlay, for example.
+   * Receives the `UploadImage` object being interacted with and its index in the images array as parameters.
+   */
+  onPressImage?: (image: UploadImage, index: number) => void;
+
+  /**
+   * Optional. Specifies the width of the Uploader component's bounding box,
+   * typically in pixels (px). If not provided, the width will adapt based on container or content.
+   */
+  width?: number;
+
+  /**
+   * Optional. Specifies the height of the Uploader component's bounding box,
+   * typically in pixels (px). If not provided, the height will adapt based on container or content.
+   */
+  height?: number;
+};

package/src/native/MoMoNative.podspec

@@ -0,0 +1,18 @@
+Pod::Spec.new do |s|
+    s.name         = "MoMoNative"
+    s.version      = "1.0.0"
+    s.summary      = "MoMoNative"
+    s.description  = "MoMo native views and modules"
+    s.homepage     = "https://gitlab.com"
+    s.license      = "MIT"
+    s.author             = { "author" => "author@domain.cn" }
+    s.platform     = :ios, "7.0"
+    s.source       = { :git => "https://gitlab.com"}
+    s.source_files = "**/ios/**/*.{h,m,swift}"
+    s.resources = "**/Assets/**/*.{json}"
+    s.requires_arc = true
+    s.static_framework = true
+    s.dependency "React-Core"
+    s.dependency 'lottie-ios'
+  end
+

package/src/native/calculator/android/build.gradle

@@ -0,0 +1,61 @@
+apply plugin: 'com.android.library'
+
+buildscript {
+    repositories {
+        maven {
+            url 'https://maven.fabric.io/public'
+        }
+        google()
+        jcenter()
+        mavenCentral()
+    }
+    dependencies {
+        classpath('com.android.tools.build:gradle:3.5.3')
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        jcenter()
+    }
+}
+
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+android {
+    compileSdkVersion safeExtGet("compileSdkVersion", 28)
+
+    defaultConfig {
+        minSdkVersion safeExtGet('minSdkVersion', 16)
+        targetSdkVersion safeExtGet('targetSdkVersion', 28)
+        versionCode 1
+        versionName "1.0"
+    }
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+
+    // Include "lib/" as sources, unfortunetely react-native link can't handle
+    // setting up alternative gradle modules. We still have "lib" defined as a
+    // standalone gradle module just to be used in AndroidNativeExample
+    sourceSets {
+        main.java.srcDirs += 'lib/src/main/java'
+    }
+    buildTypes {
+        all {
+        }
+    }
+}
+
+dependencies {
+    //noinspection GradleDynamicVersion
+    implementation 'androidx.appcompat:appcompat:1.0.2'
+    implementation 'com.facebook.react:react-native:+'
+}

package/src/native/calculator/android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,6 @@
+#Thu Feb 20 16:52:33 ICT 2020
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip

package/src/native/calculator/android/gradlew

@@ -0,0 +1,172 @@
+#!/usr/bin/env sh
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"

package/src/native/calculator/android/gradlew.bat

@@ -0,0 +1,84 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

package/src/native/calculator/android/src/main/AndroidManifest.xml

@@ -0,0 +1,5 @@
+
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.calculator">
+
+</manifest>

package/src/native/calculator/android/src/main/java/com/calculator/KeyboardViewModule.java

@@ -0,0 +1,22 @@
+
+package com.calculator;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.Callback;
+
+public class KeyboardViewModule extends ReactContextBaseJavaModule {
+
+  private final ReactApplicationContext reactContext;
+
+  public KeyboardViewModule(ReactApplicationContext reactContext) {
+    super(reactContext);
+    this.reactContext = reactContext;
+  }
+
+  @Override
+  public String getName() {
+    return "RNMomoNativeView";
+  }
+}