Merge pull request #152 from PSPDFKit/reinhard/menu-item-grouping

irgendeinich · web-flow · commit 8ecba78c024b · 2018-12-17T11:26:26.000+01:00
Add support for setting a custom menu grouping on the PSPDFKitView
diff --git a/README.md b/README.md
@@ -232,6 +232,7 @@ Example - Native UI Component:
 - Copy `PSPDFKit.framework` and `PSPDFKitUI.framework` into the `PSPDFKit` directory.
 - Install dependencies: `yarn install` in `samples/Catalog` directory. (Because of a [bug](https://github.com/yarnpkg/yarn/issues/2165) you may need to clean `yarn`'s cache with `yarn cache clean` before.)
 - Run the app with `react-native-cli`: `react-native run-ios`
+- If you get an error about `config.h` not being found check out [this blog post](https://tuntunir.blogspot.com/2018/02/react-native-fatal-error-configh-file.html) for information on how to fix it.
 
 #### Configuration Mapping
 
@@ -243,6 +244,18 @@ Annotations are mapped based on their type name. This is case sensitive. For exa
 editableAnnotationTypes: ["Ink", "Highlight"];
 ```
 
+#### Menu Item Mapping
+
+The PSPDFKit React Native iOS Wrapper allows you to specify a custom grouping for the annotation creation toolbar. Please refer to [`RCTConvert+PSPDFAnnotationToolbarConfiguration.m`](./ios/RCTPSPDFKit/Converters/RCTConvert+PSPDFAnnotationToolbarConfiguration.m#L47) for the complete list of menu items. To set them just specify the `menuItemGrouping` prop on the `PSPDFKitView`. The format used is as follows:
+
+```
+[
+  menuItem,
+  { key: menuItem, items: [subItem, subItem]},
+  ...
+]
+```
+
 ### Android
 
 #### Requirements
@@ -522,6 +535,18 @@ Just like on iOS we also support integrating PSPDFKit directly into the react-na
 - Because of [issues](https://github.com/facebook/react-native/issues/17968) in react-native our `PdfView` needs to call `layout` and `dispatchOnGlobalLayout` on every frame, this might negatively affect your apps performance or even cause it to misbehave.
 - `PSPDFKitView` doesn't yet support all the features (outline, bookmarks, thubmnail grid, view settings) using `PSPDFKit.present` provides.
 
+##### Menu Item Mapping
+
+The PSPDFKit React Native Android Wrapper allows you to specify a custom grouping for the annotation creation toolbar. Please refer to [`ReactGroupingRule.java`](https://github.com/PSPDFKit/react-native/blob/master/android/src/main/java/com/pspdfkit/react/menu/ReactGroupingRule.java) for the complete list of menu items. To set them just specify the `menuItemGrouping` prop on the `PSPDFKitView`. The format used is as follows:
+
+```
+[
+  menuItem,
+  { key: menuItem, items: [subItem, subItem]},
+  ...
+]
+```
+
 #### Update
 
 Upgrading yarn's lock file is required in order to update react-native-pspdfkit module in a project that has been already setup following the steps in [Getting Started](#getting-started-1) section.  
diff --git a/android/src/main/java/com/pspdfkit/react/ReactPdfViewManager.java b/android/src/main/java/com/pspdfkit/react/ReactPdfViewManager.java
@@ -19,6 +19,7 @@
 import com.pspdfkit.react.events.PdfViewDocumentSaveFailedEvent;
 import com.pspdfkit.react.events.PdfViewDocumentSavedEvent;
 import com.pspdfkit.react.events.PdfViewStateChangedEvent;
+import com.pspdfkit.react.menu.ReactGroupingRule;
 import com.pspdfkit.views.PdfView;
 
 import org.json.JSONObject;
@@ -137,6 +138,12 @@ public void setAnnotationAuthorName(PdfView view, String annotationAuthorName) {
         PSPDFKitPreferences.get(view.getContext()).setAnnotationCreator(annotationAuthorName);
     }
 
+    @ReactProp(name = "menuItemGrouping")
+    public void setMenuItemGrouping(PdfView view, @NonNull ReadableArray menuItemGrouping) {
+        ReactGroupingRule groupingRule = new ReactGroupingRule(view.getContext(), menuItemGrouping);
+        view.setMenuItemGroupingRule(groupingRule);
+    }
+
     @Nullable
     @Override
     public Map getExportedCustomDirectEventTypeConstants() {
diff --git a/android/src/main/java/com/pspdfkit/react/menu/ReactGroupingRule.java b/android/src/main/java/com/pspdfkit/react/menu/ReactGroupingRule.java
@@ -0,0 +1,133 @@
+package com.pspdfkit.react.menu;
+
+import android.content.Context;
+import android.support.annotation.IdRes;
+import android.support.annotation.IntRange;
+import android.support.annotation.NonNull;
+import android.util.Log;
+
+import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
+import com.pspdfkit.react.R;
+import com.pspdfkit.ui.toolbar.ContextualToolbar;
+import com.pspdfkit.ui.toolbar.grouping.presets.MenuItem;
+import com.pspdfkit.ui.toolbar.grouping.presets.PresetMenuItemGroupingRule;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * A menu item grouping rule that displays only the menu items configured via the menuItemGrouping prop.
+ */
+public class ReactGroupingRule extends PresetMenuItemGroupingRule {
+
+    private static final String TAG = "ReactGroupingRule";
+    private static final int INVALID_ID = -1;
+
+    private final List<MenuItem> items = new ArrayList<>();
+
+    public ReactGroupingRule(@NonNull Context context, @NonNull ReadableArray menuItems) {
+        super(context);
+        for (int i = 0; i < menuItems.size(); i++) {
+            Dynamic menuItem = menuItems.getDynamic(i);
+            if (menuItem.getType() == ReadableType.Map) {
+                ReadableMap groupItem = menuItem.asMap();
+                int key = getIdFromName(groupItem.getString("key"));
+                if (key == INVALID_ID) {
+                    continue;
+                }
+
+                ReadableArray subItems = groupItem.getArray("items");
+                items.add(new MenuItem(key, collectItemIds(subItems)));
+            } else {
+                int id = getIdFromName(menuItem.asString());
+                if (id == INVALID_ID) {
+                    continue;
+                }
+                items.add(new MenuItem(id));
+            }
+        }
+    }
+
+    private int[] collectItemIds(ReadableArray items) {
+        List<Integer> itemIds = new ArrayList<>();
+        for (int i = 0; i < items.size(); i++) {
+            int id = getIdFromName(items.getString(i));
+            if (id == INVALID_ID) {
+                continue;
+            }
+            itemIds.add(id);
+        }
+
+        int[] ids = new int[itemIds.size()];
+        for (int i = 0; i < itemIds.size(); i++) {
+            ids[i] = itemIds.get(i);
+        }
+        return ids;
+    }
+
+    @IdRes
+    private int getIdFromName(@NonNull String name) {
+        switch (name) {
+            case "markup":
+                return R.id.pspdf__annotation_creation_toolbar_item_markup;
+            case "writing":
+                return R.id.pspdf__annotation_creation_toolbar_item_writing;
+            case "highlight":
+                return R.id.pspdf__annotation_creation_toolbar_item_highlight;
+            case "squiggly":
+                return R.id.pspdf__annotation_creation_toolbar_item_squiggly;
+            case "strikeout":
+                return R.id.pspdf__annotation_creation_toolbar_item_strikeout;
+            case "underline":
+                return R.id.pspdf__annotation_creation_toolbar_item_underline;
+            case "freetext":
+                return R.id.pspdf__annotation_creation_toolbar_item_freetext;
+            case "freetext_callout":
+                return R.id.pspdf__annotation_creation_toolbar_item_freetext_callout;
+            case "signature":
+                return R.id.pspdf__annotation_creation_toolbar_item_signature;
+            case "ink":
+                return R.id.pspdf__annotation_creation_toolbar_item_ink;
+            case "note":
+                return R.id.pspdf__annotation_creation_toolbar_item_note;
+            case "drawing":
+                return R.id.pspdf__annotation_creation_toolbar_item_drawing;
+            case "multimedia":
+                return R.id.pspdf__annotation_creation_toolbar_item_multimedia;
+            case "image":
+                return R.id.pspdf__annotation_creation_toolbar_item_image;
+            case "camera":
+                return R.id.pspdf__annotation_creation_toolbar_item_camera;
+            case "stamp":
+                return R.id.pspdf__annotation_creation_toolbar_item_stamp;
+            case "line":
+                return R.id.pspdf__annotation_creation_toolbar_item_line;
+            case "square":
+                return R.id.pspdf__annotation_creation_toolbar_item_square;
+            case "circle":
+                return R.id.pspdf__annotation_creation_toolbar_item_circle;
+            case "polygon":
+                return R.id.pspdf__annotation_creation_toolbar_item_polygon;
+            case "polyline":
+                return R.id.pspdf__annotation_creation_toolbar_item_polyline;
+            case "erase":
+                return R.id.pspdf__annotation_creation_toolbar_item_eraser;
+            case "redaction":
+                return R.id.pspdf__annotation_creation_toolbar_item_redaction;
+            case "picker":
+                return R.id.pspdf__annotation_creation_toolbar_item_picker;
+        }
+
+        Log.i(TAG, String.format("Received unknown menu item %s.", name));
+        return INVALID_ID;
+    }
+
+    @NonNull
+    @Override
+    public List<MenuItem> getGroupPreset(@IntRange(from = ContextualToolbar.MIN_TOOLBAR_CAPACITY) int capacity, int itemsCount) {
+        return items;
+    }
+}
diff --git a/android/src/main/java/com/pspdfkit/views/PdfView.java b/android/src/main/java/com/pspdfkit/views/PdfView.java
@@ -41,6 +41,7 @@
 import com.pspdfkit.ui.inspector.PropertyInspectorCoordinatorLayout;
 import com.pspdfkit.ui.thumbnail.PdfThumbnailBarController;
 import com.pspdfkit.ui.toolbar.ToolbarCoordinatorLayout;
+import com.pspdfkit.ui.toolbar.grouping.MenuItemGroupingRule;
 import com.pspdfkit.ui.toolbar.popup.PdfTextSelectionPopupToolbar;
 
 import org.json.JSONArray;
@@ -203,6 +204,13 @@ public void setDisableAutomaticSaving(boolean disableAutomaticSaving) {
         pdfViewDocumentListener.setDisableAutomaticSaving(disableAutomaticSaving);
     }
 
+    /**
+     * Sets the menu item grouping rule that will be used for the annotation creation toolbar.
+     */
+    public void setMenuItemGroupingRule(@NonNull MenuItemGroupingRule groupingRule) {
+        pdfViewModeController.setMenuItemGroupingRule(groupingRule);
+    }
+
     private void setupFragment() {
         if (fragmentTag != null && configuration != null && document != null) {
             PdfFragment pdfFragment = (PdfFragment) fragmentManager.findFragmentByTag(fragmentTag);
diff --git a/android/src/main/java/com/pspdfkit/views/PdfViewModeController.java b/android/src/main/java/com/pspdfkit/views/PdfViewModeController.java
@@ -2,6 +2,7 @@
 
 import android.support.annotation.NonNull;
 
+import com.pspdfkit.react.R;
 import com.pspdfkit.ui.forms.FormEditingBar;
 import com.pspdfkit.ui.inspector.PropertyInspectorCoordinatorLayout;
 import com.pspdfkit.ui.inspector.annotation.DefaultAnnotationCreationInspectorController;
@@ -17,6 +18,9 @@
 import com.pspdfkit.ui.toolbar.AnnotationCreationToolbar;
 import com.pspdfkit.ui.toolbar.AnnotationEditingToolbar;
 import com.pspdfkit.ui.toolbar.ToolbarCoordinatorLayout;
+import com.pspdfkit.ui.toolbar.grouping.MenuItemGroupingRule;
+
+import javax.annotation.Nullable;
 
 /**
  * Keeps track of the currently active mode and handles updating the toolbar states.
@@ -56,6 +60,13 @@ class PdfViewModeController implements AnnotationManager.OnAnnotationCreationMod
         this.formEditingInspectorController = new FormEditingInspectorController(parent.getContext(), inspectorCoordinatorLayout);
     }
 
+    /**
+     * Sets the menu item grouping rule that will be used for the annotation creation toolbar.
+     */
+    public void setMenuItemGroupingRule(@Nullable MenuItemGroupingRule groupingRule) {
+        this.annotationCreationToolbar.setMenuItemGroupingRule(groupingRule);
+    }
+
     @Override
     public void onEnterAnnotationCreationMode(@NonNull AnnotationCreationController controller) {
         annotationCreationActive = true;
diff --git a/index.js b/index.js
@@ -421,7 +421,11 @@ PSPDFKitView.propTypes = {
    *
    * @platform android
    */
-  fragmentTag: PropTypes.string
+  fragmentTag: PropTypes.string,
+  /**
+   * menuItemGrouping: Can be used to specfiy a custom grouping for the menu items in the annotation creation toolbar.
+   */
+  menuItemGrouping: PropTypes.array
 };
 
 if (Platform.OS === "ios" || Platform.OS === "android") {
diff --git a/ios/RCTPSPDFKit.xcodeproj/project.pbxproj b/ios/RCTPSPDFKit.xcodeproj/project.pbxproj
@@ -11,6 +11,7 @@
 		6572780C1D86AE7300A5E1A8 /* RCTConvert+PSPDFConfiguration.m in Sources */ = {isa = PBXBuildFile; fileRef = 657278071D86AE7300A5E1A8 /* RCTConvert+PSPDFConfiguration.m */; };
 		657278111D86AEC600A5E1A8 /* RCTConvert+PSPDFDocument.m in Sources */ = {isa = PBXBuildFile; fileRef = 657278101D86AEC600A5E1A8 /* RCTConvert+PSPDFDocument.m */; };
 		84545BA4210A5CCF00FBB0A7 /* RCTConvert+PSPDFAnnotation.m in Sources */ = {isa = PBXBuildFile; fileRef = 84545BA2210A5CCF00FBB0A7 /* RCTConvert+PSPDFAnnotation.m */; };
+		B783BA3421C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.m in Sources */ = {isa = PBXBuildFile; fileRef = B783BA3321C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.m */; };
 		F84F8B192032D54F00153D9E /* RCTPSPDFKitView.m in Sources */ = {isa = PBXBuildFile; fileRef = F84F8B182032D54F00153D9E /* RCTPSPDFKitView.m */; };
 		F8C1A2E5202DCC9700E98192 /* RCTPSPDFKitViewManager.m in Sources */ = {isa = PBXBuildFile; fileRef = F8C1A2E4202DCC9700E98192 /* RCTPSPDFKitViewManager.m */; };
 /* End PBXBuildFile section */
@@ -37,6 +38,8 @@
 		657278101D86AEC600A5E1A8 /* RCTConvert+PSPDFDocument.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+PSPDFDocument.m"; sourceTree = "<group>"; };
 		84545BA2210A5CCF00FBB0A7 /* RCTConvert+PSPDFAnnotation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+PSPDFAnnotation.m"; sourceTree = "<group>"; };
 		84545BA3210A5CCF00FBB0A7 /* RCTConvert+PSPDFAnnotation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+PSPDFAnnotation.h"; sourceTree = "<group>"; };
+		B783BA3221C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "RCTConvert+PSPDFAnnotationToolbarConfiguration.h"; sourceTree = "<group>"; };
+		B783BA3321C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = "RCTConvert+PSPDFAnnotationToolbarConfiguration.m"; sourceTree = "<group>"; };
 		F84F8B182032D54F00153D9E /* RCTPSPDFKitView.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTPSPDFKitView.m; sourceTree = "<group>"; };
 		F84F8B1A2032D55E00153D9E /* RCTPSPDFKitView.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = RCTPSPDFKitView.h; sourceTree = "<group>"; };
 		F8C1A2E4202DCC9700E98192 /* RCTPSPDFKitViewManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTPSPDFKitViewManager.m; sourceTree = "<group>"; };
@@ -77,6 +80,8 @@
 				657278071D86AE7300A5E1A8 /* RCTConvert+PSPDFConfiguration.m */,
 				6572780F1D86AEC600A5E1A8 /* RCTConvert+PSPDFDocument.h */,
 				657278101D86AEC600A5E1A8 /* RCTConvert+PSPDFDocument.m */,
+				B783BA3221C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.h */,
+				B783BA3321C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.m */,
 			);
 			path = Converters;
 			sourceTree = "<group>";
@@ -161,6 +166,7 @@
 				F8C1A2E5202DCC9700E98192 /* RCTPSPDFKitViewManager.m in Sources */,
 				84545BA4210A5CCF00FBB0A7 /* RCTConvert+PSPDFAnnotation.m in Sources */,
 				6540D1841D89D22E00B8F94F /* RCTPSPDFKitManager.m in Sources */,
+				B783BA3421C3F55300FD981A /* RCTConvert+PSPDFAnnotationToolbarConfiguration.m in Sources */,
 				F84F8B192032D54F00153D9E /* RCTPSPDFKitView.m in Sources */,
 				6572780C1D86AE7300A5E1A8 /* RCTConvert+PSPDFConfiguration.m in Sources */,
 			);
diff --git a/ios/RCTPSPDFKit/Converters/RCTConvert+PSPDFAnnotationToolbarConfiguration.h b/ios/RCTPSPDFKit/Converters/RCTConvert+PSPDFAnnotationToolbarConfiguration.h
@@ -0,0 +1,18 @@
+//
+//  Copyright © 2018 PSPDFKit GmbH. All rights reserved.
+//
+//  THIS SOURCE CODE AND ANY ACCOMPANYING DOCUMENTATION ARE PROTECTED BY INTERNATIONAL COPYRIGHT LAW
+//  AND MAY NOT BE RESOLD OR REDISTRIBUTED. USAGE IS BOUND TO THE PSPDFKIT LICENSE AGREEMENT.
+//  UNAUTHORIZED REPRODUCTION OR DISTRIBUTION IS SUBJECT TO CIVIL AND CRIMINAL PENALTIES.
+//  This notice may not be removed from this file.
+//
+
+#import <React/RCTConvert.h>
+@import PSPDFKit;
+@import PSPDFKitUI;
+
+@interface RCTConvert (PSPDFAnnotationToolbarConfiguration)
+
++ (PSPDFAnnotationToolbarConfiguration *)PSPDFAnnotationToolbarConfiguration:(id)json;
+
+@end
diff --git a/ios/RCTPSPDFKit/Converters/RCTConvert+PSPDFAnnotationToolbarConfiguration.m b/ios/RCTPSPDFKit/Converters/RCTConvert+PSPDFAnnotationToolbarConfiguration.m
@@ -0,0 +1,73 @@
+//
+//  Copyright © 2018 PSPDFKit GmbH. All rights reserved.
+//
+//  THIS SOURCE CODE AND ANY ACCOMPANYING DOCUMENTATION ARE PROTECTED BY INTERNATIONAL COPYRIGHT LAW
+//  AND MAY NOT BE RESOLD OR REDISTRIBUTED. USAGE IS BOUND TO THE PSPDFKIT LICENSE AGREEMENT.
+//  UNAUTHORIZED REPRODUCTION OR DISTRIBUTION IS SUBJECT TO CIVIL AND CRIMINAL PENALTIES.
+//  This notice may not be removed from this file.
+//
+
+#import "RCTConvert+PSPDFAnnotationToolbarConfiguration.h"
+
+@implementation RCTConvert (PSPDFAnnotationToolbarConfiguration)
+
++ (PSPDFAnnotationToolbarConfiguration *)PSPDFAnnotationToolbarConfiguration:(id)json {
+  NSArray *itemsToParse = [RCTConvert NSArray:json];
+  NSMutableArray *parsedItems = [NSMutableArray arrayWithCapacity:itemsToParse.count];
+  for (id itemToParse in itemsToParse) {
+    if ([itemToParse isKindOfClass:[NSDictionary class]]) {
+      NSDictionary *dict = itemToParse;
+      NSArray *subArray = dict[@"items"];
+      NSMutableArray *subItems = [NSMutableArray arrayWithCapacity:subArray.count];
+      for (id subItem in subArray) {
+        if (subItem) {
+          PSPDFAnnotationString annotationString = [RCTConvert PSPDFAnnotationStringFromName:subItem];
+          [subItems addObject:[PSPDFAnnotationGroupItem itemWithType:annotationString]];
+        }
+      }
+      [parsedItems addObject:[PSPDFAnnotationGroup groupWithItems:subItems]];
+    } else {
+      PSPDFAnnotationString annotationString = [RCTConvert PSPDFAnnotationStringFromName:itemToParse];
+      if (annotationString) {
+        [parsedItems addObject:[PSPDFAnnotationGroup groupWithItems:@[[PSPDFAnnotationGroupItem itemWithType:annotationString]]]];
+      }
+    }
+  }
+  return  [[PSPDFAnnotationToolbarConfiguration alloc] initWithAnnotationGroups:parsedItems];
+}
+
++ (PSPDFAnnotationString)PSPDFAnnotationStringFromName:(NSString *)name {
+  
+  static NSDictionary *nameToAnnotationStringMapping;
+  
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    NSMutableDictionary *mapping = [[NSMutableDictionary alloc] init];
+    
+    [mapping setValue:PSPDFAnnotationStringLink forKeyPath:@"link"];
+    [mapping setValue:PSPDFAnnotationStringHighlight forKeyPath:@"highlight"];
+    [mapping setValue:PSPDFAnnotationMenuStrikeout forKeyPath:@"strikeout"];
+    [mapping setValue:PSPDFAnnotationStringUnderline forKeyPath:@"underline"];
+    [mapping setValue:PSPDFAnnotationMenuSquiggle forKeyPath:@"squiggly"];
+    [mapping setValue:PSPDFAnnotationStringNote forKeyPath:@"note"];
+    [mapping setValue:PSPDFAnnotationStringFreeText forKeyPath:@"freetext"];
+    [mapping setValue:PSPDFAnnotationStringInk forKeyPath:@"ink"];
+    [mapping setValue:PSPDFAnnotationStringSquare forKeyPath:@"square"];
+    [mapping setValue:PSPDFAnnotationStringCircle forKeyPath:@"circle"];
+    [mapping setValue:PSPDFAnnotationStringLine forKeyPath:@"line"];
+    [mapping setValue:PSPDFAnnotationStringPolygon forKeyPath:@"polygon"];
+    [mapping setValue:PSPDFAnnotationStringPolyLine forKeyPath:@"polyline"];
+    [mapping setValue:PSPDFAnnotationStringSignature forKeyPath:@"signature"];
+    [mapping setValue:PSPDFAnnotationStringStamp forKeyPath:@"stamp"];
+    [mapping setValue:PSPDFAnnotationStringEraser forKeyPath:@"eraser"];
+    [mapping setValue:PSPDFAnnotationStringSound forKeyPath:@"sound"];
+    [mapping setValue:PSPDFAnnotationStringImage forKeyPath:@"image"];
+    [mapping setValue:PSPDFAnnotationStringRedaction forKeyPath:@"redaction"];
+    
+    nameToAnnotationStringMapping = [[NSDictionary alloc] initWithDictionary:mapping];
+  });
+  
+  return nameToAnnotationStringMapping[name];
+}
+
+@end
diff --git a/ios/RCTPSPDFKit/RCTPSPDFKitViewManager.m b/ios/RCTPSPDFKit/RCTPSPDFKitViewManager.m
diff --git a/samples/Catalog/Catalog.android.js b/samples/Catalog/Catalog.android.js
diff --git a/samples/Catalog/Catalog.ios.js b/samples/Catalog/Catalog.ios.js
