@momo-kits/calculator-keyboard 0.125.4-rc.6 → 0.150.1-beta.1

package/react-native-calculator-keyboard.podspec

@@ -0,0 +1,43 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-calculator-keyboard"
+  s.version      = "0.0.1"
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+  s.resources = "**/Assets/**/*.{json}"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end

package/src/index.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import {
+  type NativeSyntheticEvent,
+  type TextInputChangeEventData,
+  type TextInputProps,
+  type ColorValue,
+  processColor,
+} from 'react-native';
+import { requireNativeComponent, TextInput } from 'react-native';
+
+const NativeInput = requireNativeComponent<any>('RCTInputCalculator');
+
+interface InputCalculatorProps extends TextInputProps {
+  text?: string | undefined;
+  keyboardColor?: ColorValue;
+}
+
+const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
+  (props, ref) => {
+    const _onChange = (
+      event: NativeSyntheticEvent<TextInputChangeEventData>
+    ) => {
+      const currentText = event.nativeEvent.text;
+      props.onChange && props.onChange(event);
+      props.onChangeText && props.onChangeText(currentText);
+    };
+
+    const text = props.text || props.defaultValue || '';
+
+    return (
+      <NativeInput
+        {...props}
+        ref={ref}
+        onChange={_onChange}
+        text={text}
+        keybardColor={processColor(props.keyboardColor)}
+      />
+    );
+  }
+);
+
+export default InputCalculator;
+
+export type { InputCalculatorProps };

package/index.tsx

@@ -1,135 +0,0 @@
-import React, {useEffect, useRef, useState} from 'react';
-import {
-  AppState,
-  Platform,
-  requireNativeComponent,
-  TextInput,
-} from 'react-native';
-import {InputCalculatorProps} from './types';
-
-const {State: TextInputState} = TextInput;
-
-export const Keys = {
-  CALCULATOR_TEXT_INPUT_FOCUSED: 'CALCULATOR_TEXT_INPUT_FOCUSED',
-  CALCULATOR_TEXT_INPUT_UNFOCUSED: 'CALCULATOR_TEXT_INPUT_UNFOCUSED',
-  CALCULATOR_DISMISS: 'CALCULATOR_DISMISS',
-  CALCULATOR_CALCULATE: 'CALCULATOR_CALCULATE',
-  CALCULATOR_HEIGHT_UPDATED: 'CALCULATOR_HEIGHT_UPDATED',
-  CALULATOR_PUSH_KEY: 'CALULATOR_PUSH_KEY',
-};
-
-const CalculatorKeyboard: React.FC<InputCalculatorProps> = props => {
-  //   const [isFocus, setIsFocus] = useState(false);
-  const [lastNativeText, setLastNativeText] = useState(props.value);
-  const inputRef = useRef<TextInput>(null);
-
-  useEffect(() => {
-    const nativeProps = {};
-    if (lastNativeText !== props.value && typeof props.value === 'string') {
-      // @ts-ignore
-      nativeProps.text = props.value;
-    }
-    if (
-      Object.keys(nativeProps).length > 0 &&
-      inputRef.current &&
-      inputRef.current.setNativeProps
-    ) {
-      inputRef.current.setNativeProps(nativeProps);
-    }
-
-    if (props.selectionState && props.selection && props.selection.end) {
-      props.selectionState.update(props.selection.start, props.selection.end);
-    }
-  }, [props.value, props.selection, props.selectionState, lastNativeText]);
-
-  useEffect(() => {
-    AppState.addEventListener('change', handleAppStateChange);
-    return () => {
-      AppState.addEventListener('change', handleAppStateChange);
-    };
-  }, []);
-
-  const handleAppStateChange = (nextAppState: string) => {
-    if (nextAppState === 'background' && Platform.OS === 'android') {
-      blur();
-    }
-  };
-
-  const blur = () => {
-    if (inputRef.current && typeof inputRef.current.blur === 'function') {
-      inputRef.current.blur();
-    }
-  };
-
-  //   const focus = () => {
-  //     if (inputRef.current && typeof inputRef.current.focus === 'function') {
-  //       inputRef.current.focus();
-  //     }
-  //   };
-
-  const getText = () => {
-    if (typeof props.value === 'string') {
-      console.log('props.value', props.value);
-      return props.value;
-    }
-    if (typeof props.defaultValue === 'string') {
-      return props.defaultValue;
-    }
-
-    return '';
-  };
-
-  const onFocus = (event: any) => {
-    // setIsFocus(true);
-    if (props.onFocus) {
-      props.onFocus(event);
-    }
-    if (inputRef.current != null && TextInputState) {
-      TextInputState.focusTextInput(inputRef.current);
-    }
-  };
-
-  const onBlur = (event: any) => {
-    // setIsFocus(false);
-    if (props.onBlur) {
-      props.onBlur(event);
-    }
-  };
-
-  const onChange = (event: any) => {
-    if (inputRef.current && inputRef.current.setNativeProps) {
-      inputRef.current.setNativeProps({
-        mostRecentEventCount: event.nativeEvent.eventCount,
-      });
-    }
-
-    const {text} = event.nativeEvent;
-    if (props.onChange) {
-      props.onChange(event);
-    }
-    if (props.onChangeText) {
-      props.onChangeText(text);
-    }
-    if (!inputRef) {
-      return;
-    }
-    setLastNativeText(text);
-  };
-
-  return (
-    <RCTInputCalculator
-      {...props}
-      ref={inputRef}
-      onFocus={onFocus}
-      onBlur={onBlur}
-      onChange={onChange}
-      text={getText()}
-    />
-  );
-};
-
-// @ts-ignore
-const RCTInputCalculator =
-  requireNativeComponent<InputCalculatorProps>('RCTInputCalculator');
-
-export default CalculatorKeyboard;

package/publish.sh

@@ -1,28 +0,0 @@
-#!/bin/bash
-
-# Prepare dist files
-rm -rf dist
-mkdir dist
-rsync -r --exclude=/dist ./* dist
-cd dist
-
-
-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 version $(npm view @momo-kits/foundation@latest version)
-  npm publish --tag latest --access=public
-else
-  npm version $(npm view @momo-kits/avatar@beta version)
-  npm version prerelease --preid=beta
-  npm publish --tag beta --access=public
-fi
-
-PACKAGE_NAME=$(npm pkg get name)
-NEW_PACKAGE_VERSION=$(npm pkg get version)
-
-# Clean up
-cd ..
-rm -rf dist

package/styles.ts

@@ -1,18 +0,0 @@
-import {StyleSheet} from 'react-native';
-
-export default StyleSheet.create({
-  icon: {
-    position: 'absolute',
-    overflow: 'hidden',
-  },
-
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 1,
-  },
-  image: {
-    width: '100%',
-    height: '100%',
-  },
-});

package/types.ts

@@ -1,7 +0,0 @@
-import {TextInputProps} from 'react-native';
-import React from 'react';
-
-export interface InputCalculatorProps extends TextInputProps {
-  text?: string;
-  forwardedRef?: React.Ref<any>;
-}