@tbvjaos510/react-native-paste-input 0.9.0

package/.circleci/config.yml

@@ -0,0 +1,130 @@
+version: 2.1
+
+executors:
+  default:
+    docker:
+      - image: circleci/node:14
+    working_directory: ~/project
+
+commands:
+  attach_project:
+    steps:
+      - attach_workspace:
+          at: ~/project
+
+jobs:
+  install-dependencies:
+    executor: default
+    steps:
+      - checkout
+      - attach_project
+      - restore_cache:
+          keys:
+            - dependencies-{{ checksum "package.json" }}
+      - run:
+          name: Install dependencies
+          command: |
+            npm install
+      - save_cache:
+          key: dependencies-{{ checksum "package.json" }}
+          paths: node_modules
+      - persist_to_workspace:
+          root: .
+          paths: .
+
+  lint:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Lint files
+          command: |
+            npm run lint
+
+  typescript:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Typecheck files
+          command: |
+            npm run typescript
+
+  unit-tests:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Run unit tests
+          command: |
+            npm test --coverage
+      - store_artifacts:
+          path: coverage
+          destination: coverage
+
+  build-package:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Build package
+          command: |
+            npm run prepare
+  
+  release:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Release to GitHub
+          command: npm run release -- --ci
+
+  publish:
+    executor: default
+    steps:
+      - attach_project
+      - run:
+          name: Authenticate with registry
+          command: |
+            echo "//registry.npmjs.org/:authToken=$NPM_TOKEN" > ~/project/.npmrc
+            echo "scope=$NPM_SCOPE"
+      - run:
+          name: Publish package
+          run: npm publish --access public
+
+workflows:
+  build:
+    jobs:
+      - install-dependencies
+      - lint:
+          requires:
+            - install-dependencies
+      - typescript:
+          requires:
+            - install-dependencies
+      - unit-tests:
+          requires:
+            - install-dependencies
+      - build-package:
+          requires:
+            - install-dependencies
+            - lint
+            - typescript
+            - unit-tests
+      - release:
+          context: mattermost-rn-libraries
+          requires:
+            - build-package
+          fliters:
+            branches:
+              only: /^release-\d+$/
+      - publish:
+          context: mattermost-rn-libraries
+          requires:
+            - build-package
+          filters:
+            tags:
+              only: /^v(\d+\.)(\d+\.)(\d+)(.*)?$/
+            branches:
+              ignore: /.*/
+

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Elias Nahum
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,73 @@
+# @mattermost/react-native-paste-input
+
+React Native `TextInput` component have functionality to capture text input from a user
+by using the soft and hardware keyboards but lacks the ability to restrict copy & paste options
+as well as allwing pasting different files formats copied from other apps, like images & videos from
+the Photos gallery app.
+
+`PasteInput` is a `TextInput` replacement that solves this issues.
+
+## Installation
+
+```sh
+npm i --save-exact @mattermost/react-native-paste-input
+```
+
+## Demo
+| Android | iOS |
+|-- |-- |
+|![Android](/example/gifs/AndroidPasteInput.gif)|![iOS](/example/gifs/iOSPasteInput.gif)|
+
+
+
+## Usage
+
+```js
+import React, { useRef } from 'react';
+import PasteInput, { PastedFile, PasteInputRef } from "@mattermost/react-native-paste-input";
+
+const YourTextInput = () => {
+    const inputRef = useRef<PasteInputRef>(null);
+
+    const onPaste = (
+        error: string | null | undefined,
+        files: Array<PastedFile>
+    ) => {
+        console.log('ERROR', error);
+        console.log('PASTED FILES', files);
+    };
+
+    return (
+        <PasteInput
+            ref={inputRef}
+            disableCopyPaste={false}
+            onPaste={onPaste}
+            multiline={true}
+            blurOnSubmit={false}
+            underlineColorAndroid="transparent"
+            keyboardType="default"
+            disableFullscreenUI={true}
+            textContentType="none"
+            autoCompleteType="off"
+        />
+    );
+}
+```
+
+### Properties
+All properties of the [TextInput](!https://reactnative.dev/docs/textinput) component plus:
+
+##### `disableCopyPaste: boolean`
+Indicates if the menu items for *cut*, *copy*, *paste* and *share* should not be present in the context menu.
+
+##### `onPaste: (error, files) =>  void`
+Callback that is called when the pasting files into the text input.
+*Note: On Android this callback is also called when selecting and image / gif from the soft keyboard.*
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT

package/android/.project

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>android_</name>
+	<comment>Project android_ created by Buildship.</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
+	</natures>
+</projectDescription>

package/android/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,13 @@
+arguments=
+auto.sync=false
+build.scans.enabled=false
+connection.gradle.distribution=GRADLE_DISTRIBUTION(VERSION(6.0))
+connection.project.dir=
+eclipse.preferences.version=1
+gradle.user.home=
+java.home=/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home
+jvm.arguments=
+offline.mode=false
+override.workspace.settings=true
+show.console.view=true
+show.executions.view=true

package/android/build.gradle

@@ -0,0 +1,94 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['ReactNativePasteInput_' + name]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+apply plugin: "com.facebook.react"
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["TestItOut_" + name]).toInteger()
+}
+
+android {
+  namespace "com.mattermost.pasteinputtext"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+      externalNativeBuild {
+          cmake {
+              cppFlags '-DBUILD_DEBUG'
+          }
+      }
+  }
+
+  buildFeatures {
+    buildConfig true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+  sourceSets {
+    main {
+      java.srcDirs += [
+        "generated/java",
+        "generated/jni"
+      ]
+    }
+  }
+
+  externalNativeBuild {
+    cmake {
+        path file('generated/jni/CMakeLists.txt')
+        version '3.22.1'
+    }
+  }
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+dependencies {
+  implementation 'com.facebook.react:react-native:+'
+}
+
+react {
+  jsRootDir = file("../src/")
+  libraryName = "react-native-paste-input"
+  codegenJavaPackageName = "com.mattermost.pastetextinput"
+}

package/android/generated/java/com/facebook/react/viewmanagers/PasteTextInputManagerDelegate.java

@@ -0,0 +1,236 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class PasteTextInputManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & PasteTextInputManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public PasteTextInputManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "allowFontScaling":
+        mViewManager.setAllowFontScaling(view, value == null ? false : (boolean) value);
+        break;
+      case "autoCapitalize":
+        mViewManager.setAutoCapitalize(view, (String) value);
+        break;
+      case "autoComplete":
+        mViewManager.setAutoComplete(view, (String) value);
+        break;
+      case "autoCorrect":
+        mViewManager.setAutoCorrect(view, value == null ? false : (boolean) value);
+        break;
+      case "autoFocus":
+        mViewManager.setAutoFocus(view, value == null ? false : (boolean) value);
+        break;
+      case "blurOnSubmit":
+        mViewManager.setBlurOnSubmit(view, value == null ? false : (boolean) value);
+        break;
+      case "caretHidden":
+        mViewManager.setCaretHidden(view, value == null ? false : (boolean) value);
+        break;
+      case "clearButtonMode":
+        mViewManager.setClearButtonMode(view, value == null ? null : (String) value);
+        break;
+      case "clearTextOnFocus":
+        mViewManager.setClearTextOnFocus(view, value == null ? false : (boolean) value);
+        break;
+      case "contextMenuHidden":
+        mViewManager.setContextMenuHidden(view, value == null ? false : (boolean) value);
+        break;
+      case "defaultValue":
+        mViewManager.setDefaultValue(view, value == null ? null : (String) value);
+        break;
+      case "disableCopyPaste":
+        mViewManager.setDisableCopyPaste(view, value == null ? false : (boolean) value);
+        break;
+      case "disableFullscreenUI":
+        mViewManager.setDisableFullscreenUI(view, value == null ? false : (boolean) value);
+        break;
+      case "editable":
+        mViewManager.setEditable(view, value == null ? false : (boolean) value);
+        break;
+      case "enablesReturnKeyAutomatically":
+        mViewManager.setEnablesReturnKeyAutomatically(view, value == null ? false : (boolean) value);
+        break;
+      case "importantForAutofill":
+        mViewManager.setImportantForAutofill(view, value == null ? null : (String) value);
+        break;
+      case "inlineImageLeft":
+        mViewManager.setInlineImageLeft(view, value == null ? null : (String) value);
+        break;
+      case "inlineImagePadding":
+        mViewManager.setInlineImagePadding(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case "inputAccessoryViewID":
+        mViewManager.setInputAccessoryViewID(view, value == null ? null : (String) value);
+        break;
+      case "keyboardAppearance":
+        mViewManager.setKeyboardAppearance(view, value == null ? null : (String) value);
+        break;
+      case "keyboardType":
+        mViewManager.setKeyboardType(view, (String) value);
+        break;
+      case "maxFontSizeMultiplier":
+        mViewManager.setMaxFontSizeMultiplier(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "maxLength":
+        mViewManager.setMaxLength(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case "mostRecentEventCount":
+        mViewManager.setMostRecentEventCount(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case "multiline":
+        mViewManager.setMultiline(view, value == null ? false : (boolean) value);
+        break;
+      case "numberOfLines":
+        mViewManager.setNumberOfLines(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case "passwordRules":
+        mViewManager.setPasswordRules(view, value == null ? null : (String) value);
+        break;
+      case "placeholder":
+        mViewManager.setPlaceholder(view, value == null ? null : (String) value);
+        break;
+      case "placeholderTextColor":
+        mViewManager.setPlaceholderTextColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "returnKeyLabel":
+        mViewManager.setReturnKeyLabel(view, value == null ? null : (String) value);
+        break;
+      case "returnKeyType":
+        mViewManager.setReturnKeyType(view, (String) value);
+        break;
+      case "scrollEnabled":
+        mViewManager.setScrollEnabled(view, value == null ? false : (boolean) value);
+        break;
+      case "secureTextEntry":
+        mViewManager.setSecureTextEntry(view, value == null ? false : (boolean) value);
+        break;
+      case "selection":
+        mViewManager.setSelection(view, (ReadableMap) value);
+        break;
+      case "selectionColor":
+        mViewManager.setSelectionColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "selectionHandleColor":
+        mViewManager.setSelectionHandleColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "selectTextOnFocus":
+        mViewManager.setSelectTextOnFocus(view, value == null ? false : (boolean) value);
+        break;
+      case "showSoftInputOnFocus":
+        mViewManager.setShowSoftInputOnFocus(view, value == null ? false : (boolean) value);
+        break;
+      case "smartInsertDelete":
+        mViewManager.setSmartInsertDelete(view, value == null ? false : (boolean) value);
+        break;
+      case "smartPunctuation":
+        mViewManager.setSmartPunctuation(view, value == null ? null : (String) value);
+        break;
+      case "spellCheck":
+        mViewManager.setSpellCheck(view, value == null ? false : (boolean) value);
+        break;
+      case "submitBehavior":
+        mViewManager.setSubmitBehavior(view, (String) value);
+        break;
+      case "text":
+        mViewManager.setText(view, value == null ? null : (String) value);
+        break;
+      case "textBreakStrategy":
+        mViewManager.setTextBreakStrategy(view, (String) value);
+        break;
+      case "textContentType":
+        mViewManager.setTextContentType(view, value == null ? null : (String) value);
+        break;
+      case "underlineColorAndroid":
+        mViewManager.setUnderlineColorAndroid(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "value":
+        mViewManager.setValue(view, value == null ? null : (String) value);
+        break;
+      case "textShadowColor":
+        mViewManager.setTextShadowColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "textShadowRadius":
+        mViewManager.setTextShadowRadius(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "textDecorationLine":
+        mViewManager.setTextDecorationLine(view, value == null ? null : (String) value);
+        break;
+      case "fontStyle":
+        mViewManager.setFontStyle(view, value == null ? null : (String) value);
+        break;
+      case "textShadowOffset":
+        mViewManager.setTextShadowOffset(view, (ReadableMap) value);
+        break;
+      case "lineHeight":
+        mViewManager.setLineHeight(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "textTransform":
+        mViewManager.setTextTransform(view, value == null ? null : (String) value);
+        break;
+      case "color":
+        mViewManager.setColor(view, value == null ? 0 : ((Double) value).intValue());
+        break;
+      case "letterSpacing":
+        mViewManager.setLetterSpacing(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "fontSize":
+        mViewManager.setFontSize(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
+      case "textAlign":
+        mViewManager.setTextAlign(view, value == null ? null : (String) value);
+        break;
+      case "includeFontPadding":
+        mViewManager.setIncludeFontPadding(view, value == null ? false : (boolean) value);
+        break;
+      case "fontWeight":
+        mViewManager.setFontWeight(view, value == null ? null : (String) value);
+        break;
+      case "fontFamily":
+        mViewManager.setFontFamily(view, value == null ? null : (String) value);
+        break;
+      case "textAlignVertical":
+        mViewManager.setTextAlignVertical(view, value == null ? null : (String) value);
+        break;
+      case "cursorColor":
+        mViewManager.setCursorColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+
+  @Override
+  public void receiveCommand(T view, String commandName, @Nullable ReadableArray args) {
+    switch (commandName) {
+      case "focus":
+        mViewManager.focus(view);
+        break;
+      case "blur":
+        mViewManager.blur(view);
+        break;
+      case "setTextAndSelection":
+        mViewManager.setTextAndSelection(view, args.getInt(0), args.getString(1), args.getInt(2), args.getInt(3));
+        break;
+    }
+  }
+}

package/android/generated/java/com/facebook/react/viewmanagers/PasteTextInputManagerInterface.java

@@ -0,0 +1,84 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
+
+public interface PasteTextInputManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
+  void setAllowFontScaling(T view, boolean value);
+  void setAutoCapitalize(T view, @Nullable String value);
+  void setAutoComplete(T view, @Nullable String value);
+  void setAutoCorrect(T view, boolean value);
+  void setAutoFocus(T view, boolean value);
+  void setBlurOnSubmit(T view, boolean value);
+  void setCaretHidden(T view, boolean value);
+  void setClearButtonMode(T view, @Nullable String value);
+  void setClearTextOnFocus(T view, boolean value);
+  void setContextMenuHidden(T view, boolean value);
+  void setDefaultValue(T view, @Nullable String value);
+  void setDisableCopyPaste(T view, boolean value);
+  void setDisableFullscreenUI(T view, boolean value);
+  void setEditable(T view, boolean value);
+  void setEnablesReturnKeyAutomatically(T view, boolean value);
+  void setImportantForAutofill(T view, @Nullable String value);
+  void setInlineImageLeft(T view, @Nullable String value);
+  void setInlineImagePadding(T view, int value);
+  void setInputAccessoryViewID(T view, @Nullable String value);
+  void setKeyboardAppearance(T view, @Nullable String value);
+  void setKeyboardType(T view, @Nullable String value);
+  void setMaxFontSizeMultiplier(T view, float value);
+  void setMaxLength(T view, int value);
+  void setMostRecentEventCount(T view, int value);
+  void setMultiline(T view, boolean value);
+  void setNumberOfLines(T view, int value);
+  void setPasswordRules(T view, @Nullable String value);
+  void setPlaceholder(T view, @Nullable String value);
+  void setPlaceholderTextColor(T view, @Nullable Integer value);
+  void setReturnKeyLabel(T view, @Nullable String value);
+  void setReturnKeyType(T view, @Nullable String value);
+  void setScrollEnabled(T view, boolean value);
+  void setSecureTextEntry(T view, boolean value);
+  void setSelection(T view, @Nullable ReadableMap value);
+  void setSelectionColor(T view, @Nullable Integer value);
+  void setSelectionHandleColor(T view, @Nullable Integer value);
+  void setSelectTextOnFocus(T view, boolean value);
+  void setShowSoftInputOnFocus(T view, boolean value);
+  void setSmartInsertDelete(T view, boolean value);
+  void setSmartPunctuation(T view, @Nullable String value);
+  void setSpellCheck(T view, boolean value);
+  void setSubmitBehavior(T view, @Nullable String value);
+  void setText(T view, @Nullable String value);
+  void setTextBreakStrategy(T view, @Nullable String value);
+  void setTextContentType(T view, @Nullable String value);
+  void setUnderlineColorAndroid(T view, @Nullable Integer value);
+  void setValue(T view, @Nullable String value);
+  void setTextShadowColor(T view, @Nullable Integer value);
+  void setTextShadowRadius(T view, float value);
+  void setTextDecorationLine(T view, @Nullable String value);
+  void setFontStyle(T view, @Nullable String value);
+  void setTextShadowOffset(T view, @Nullable ReadableMap value);
+  void setLineHeight(T view, float value);
+  void setTextTransform(T view, @Nullable String value);
+  void setColor(T view, int value);
+  void setLetterSpacing(T view, float value);
+  void setFontSize(T view, float value);
+  void setTextAlign(T view, @Nullable String value);
+  void setIncludeFontPadding(T view, boolean value);
+  void setFontWeight(T view, @Nullable String value);
+  void setFontFamily(T view, @Nullable String value);
+  void setTextAlignVertical(T view, @Nullable String value);
+  void setCursorColor(T view, @Nullable Integer value);
+  void focus(T view);
+  void blur(T view);
+  void setTextAndSelection(T view, int mostRecentEventCount, String value, int start, int end);
+}