@maplibre/maplibre-react-native 9.1.0 → 10.0.0-alpha.10

package/scripts/templates/{RCTMGLStyle.m.ejs → RCTMLNStyle.m.ejs}

@@ -4,15 +4,15 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-#import "RCTMGLStyle.h"
-#import "RCTMGLUtils.h"
+#import "RCTMLNStyle.h"
+#import "RCTMLNUtils.h"
 
-@implementation RCTMGLStyle
+@implementation RCTMLNStyle
 
-- (id)initWithMGLStyle:(MGLStyle*)mglStyle
+- (id)initWithMLNStyle:(MLNStyle*)mlnStyle
 {
     if (self = [super init]) {
-        _style = mglStyle;
+        _style = mlnStyle;
     }
     return self;
 }
@@ -31,7 +31,7 @@
       continue;
     }
 
-    RCTMGLStyleValue *styleValue = [RCTMGLStyleValue make:reactStyle[prop]];
+    RCTMLNStyleValue *styleValue = [RCTMLNStyleValue make:reactStyle[prop]];
 
   <% for (let i = 0; i < layer.properties.length; i++) { -%>
   <%- ifOrElseIf(i) -%> ([prop isEqualToString:@"<%= layer.properties[i].name %>"]) {
@@ -41,7 +41,7 @@
       } else {
         NSString *imageURI = [styleValue getImageURI];
 
-        [RCTMGLUtils fetchImage:_bridge url:imageURI scale:[styleValue getImageScale] callback:^(NSError *error, UIImage *image) {
+        [RCTMLNUtils fetchImage:_bridge url:imageURI scale:[styleValue getImageScale] callback:^(NSError *error, UIImage *image) {
           if (image != nil) {
             dispatch_async(dispatch_get_main_queue(), ^{
               if (isValid()) {
@@ -69,19 +69,19 @@
 
 <% for (const layer of layers) {%>
 <% for (const prop of layer.properties) {%>
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
 {
     <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
     layer.position = [styleValue getSphericalPosition];
     <%_ } else if (prop.name === 'visibility') { _%>
     layer.visible = [styleValue isVisible];
     <%_ } else { _%>
-    layer.<%- iosPropName(prop.name) -%> = styleValue.mglStyleValue;
+    layer.<%- iosPropName(prop.name) -%> = styleValue.mlnStyleValue;
     <%_ } _%>
 }
 <%_ if (prop.transition) { _%>
 
-- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMGLStyleValue *)styleValue
+- (void)set<%- iosPropMethodName(layer, pascelCase(prop.name)) -%>Transition:(<%- getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
 {
     layer.<%- iosPropName(prop.name) -%>Transition = [styleValue getTransition];
 }

package/scripts/templates/{RCTMGLStyleFactory.java.ejs → RCTMLNStyleFactory.java.ejs}

@@ -4,32 +4,32 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-package com.mapbox.rctmgl.components.styles;
+package com.maplibre.rctmln.components.styles;
 
-import com.mapbox.mapboxsdk.style.layers.BackgroundLayer;
-import com.mapbox.mapboxsdk.style.layers.CircleLayer;
-import com.mapbox.mapboxsdk.style.layers.FillExtrusionLayer;
-import com.mapbox.mapboxsdk.style.layers.FillLayer;
-import com.mapbox.mapboxsdk.style.layers.LineLayer;
-import com.mapbox.mapboxsdk.style.layers.PropertyFactory;
-import com.mapbox.mapboxsdk.style.layers.PropertyValue;
-import com.mapbox.mapboxsdk.style.layers.RasterLayer;
-import com.mapbox.mapboxsdk.style.layers.SymbolLayer;
-import com.mapbox.mapboxsdk.style.layers.HeatmapLayer;
-import com.mapbox.mapboxsdk.style.layers.HillshadeLayer;
-import com.mapbox.mapboxsdk.style.layers.TransitionOptions;
-import com.mapbox.mapboxsdk.style.light.Light;
-import com.mapbox.mapboxsdk.style.light.Position;
-import com.mapbox.rctmgl.utils.DownloadMapImageTask;
+import org.maplibre.android.style.layers.BackgroundLayer;
+import org.maplibre.android.style.layers.CircleLayer;
+import org.maplibre.android.style.layers.FillExtrusionLayer;
+import org.maplibre.android.style.layers.FillLayer;
+import org.maplibre.android.style.layers.LineLayer;
+import org.maplibre.android.style.layers.PropertyFactory;
+import org.maplibre.android.style.layers.PropertyValue;
+import org.maplibre.android.style.layers.RasterLayer;
+import org.maplibre.android.style.layers.SymbolLayer;
+import org.maplibre.android.style.layers.HeatmapLayer;
+import org.maplibre.android.style.layers.HillshadeLayer;
+import org.maplibre.android.style.layers.TransitionOptions;
+import org.maplibre.android.style.light.Light;
+import org.maplibre.android.style.light.Position;
+import com.maplibre.rctmln.utils.DownloadMapImageTask;
 
 import java.util.List;
 
-public class RCTMGLStyleFactory {
+public class RCTMLNStyleFactory {
     public static final String VALUE_KEY = "value";
     public static final String SHOULD_ADD_IMAGE_KEY = "shouldAddImage";
 
   <%_ for (const layer of layers) { _%>
-    public static void <%- setLayerMethodName(layer) -%>(final <%- getLayerType(layer, 'android') -%> layer, RCTMGLStyle style) {
+    public static void <%- setLayerMethodName(layer) -%>(final <%- getLayerType(layer, 'android') -%> layer, RCTMLNStyle style) {
       List<String> styleKeys = style.getAllStyleKeys();
 
       if (styleKeys.size() == 0) {
@@ -37,7 +37,7 @@ public class RCTMGLStyleFactory {
       }
 
       for (String styleKey : styleKeys) {
-        final RCTMGLStyleValue styleValue = style.getStyleValueForKey(styleKey);
+        final RCTMLNStyleValue styleValue = style.getStyleValueForKey(styleKey);
 
         switch (styleKey) {
           <%_ for (const prop of layer.properties) { _%>
@@ -46,16 +46,16 @@ public class RCTMGLStyleFactory {
               style.addImage(styleValue, new DownloadMapImageTask.OnAllImagesLoaded() {
                   @Override
                   public void onAllImagesLoaded() {
-                      RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
+                      RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
                   }
               });
               <%_ } else { _%>
-              RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
+              RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>(layer, styleValue);
               <%_ } _%>
               break;
             <%_ if (prop.transition) { _%>
             case "<%= prop.name %>Transition":
-              RCTMGLStyleFactory.set<%- pascelCase(prop.name) -%>Transition(layer, styleValue);
+              RCTMLNStyleFactory.set<%- pascelCase(prop.name) -%>Transition(layer, styleValue);
               break;
             <%_ } _%>
           <%_ } _%>
@@ -66,7 +66,7 @@ public class RCTMGLStyleFactory {
 
   <%_ for (const layer of layers) { _%>
   <%_ for (const prop of layer.properties) { _%>
-    public static void set<%- pascelCase(prop.name) -%>(<%- getLayerType(layer, 'android') -%> layer, RCTMGLStyleValue styleValue) {
+    public static void set<%- pascelCase(prop.name) -%>(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
       Float[] values = styleValue.getFloatArray(VALUE_KEY);
       layer.set<%- pascelCase(prop.name) -%>(Position.fromPosition(values[0], values[1], values[2]));
@@ -94,7 +94,7 @@ public class RCTMGLStyleFactory {
     }
 
     <%_ if (prop.transition) { %>
-    public static void set<%- pascelCase(prop.name) -%>Transition(<%- getLayerType(layer, 'android') -%> layer, RCTMGLStyleValue styleValue) {
+    public static void set<%- pascelCase(prop.name) -%>Transition(<%- getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
       TransitionOptions transition = styleValue.getTransition();
       if (transition != null) {
         layer.set<%- pascelCase(prop.name) -%>Transition(transition);

package/scripts/templates/index.d.ts.ejs

@@ -1,56 +1,85 @@
 <%
   const layers = locals.layers;
 -%>
-/* eslint-disable */
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-export interface ConstantProps {
-  styletype: string
-  payload: {
-    value: any,
-  },
+import { isAndroid } from './index';
+
+export const StyleTypes = {
+  Constant: 'constant',
+  Color: 'color',
+  Transition: 'transition',
+  Translation: 'translation',
+  Function: 'function',
+  Image: 'image',
+  Enum: 'enum',
 };
 
-export interface StyleFunctionProps {
-  styletype: string
-  payload: {
-    fn: string,
-    attributeName: string,
-    stops: any[],
-    mode: any,
-  }
-}
-
-export interface TransitionProps {
-  duration: number
-  delay: number,
-}
-
-export type TranslationProps = { x: number, y: number } | number[]
-
-<%_ for (let layer of layers) { _%>
-export interface <%- camelCase(layer.name) _%>LayerStyleProps {
-  <%_ for (let prop of layer.properties) { %>
-  /**
-   * <%- prop.doc.description %>
-  <%_ if (prop.doc.requires.length) { _%>
-   *
-   * @requires <%- prop.doc.requires.join(', ') %>
+const styleMap = {
+  <%_ for (let layer of layers) { _%>
+  <%_ for (let prop of layer.properties) { _%>
+  <%_ if (!['color', 'colorTransition', 'visibility'].includes(prop.name)) { _%>
+  <%= prop.name %>: <%- jsStyleType(prop) %>,
+  <%_ if (prop.transition) { _%>
+  <%= prop.name %>Transition: StyleTypes.Transition,
   <%_ } _%>
-  <%_ if (prop.doc.disabledBy.length) { _%>
-   *
-   * @disabledBy <%- prop.doc.disabledBy.join(', ') %>
   <%_ } _%>
-   */
-  <%= prop.name %>: <%- dtsInterfaceType(prop) %>
-  <%_ if (prop.transition) { %>
-  /**
-   * The transition affecting any changes to this layer’s <%= prop.name %> property.
-   */
-  <%= prop.name %>Transition: TransitionProps,
   <%_ } _%>
+
   <%_ } _%>
+
+  color: StyleTypes.Color,
+  colorTransition: StyleTypes.Transition,
+  visibility: StyleTypes.Constant,
 };
 
-<%_ } _%>
+export const styleExtras = {
+  // padding
+  iconTextFitPadding: {
+    iosType: 'edgeinsets',
+  },
+
+  // offsets
+  iconOffset: {
+    iosType: 'vector',
+  },
+  textOffset: {
+    iosType: 'vector',
+  },
+  lineOffset: {
+    iosType: 'vector',
+  },
+
+  // translates
+  fillTranslate: {
+    iosType: 'vector',
+  },
+  lineTranslate: {
+    iosType: 'vector',
+  },
+  iconTranslate: {
+    iosType: 'vector',
+  },
+  textTranslate: {
+    iosType: 'vector',
+  },
+  circleTranslate: {
+    iosType: 'vector',
+  },
+  fillExtrusionTranslate: {
+    iosType: 'vector',
+  },
+};
+
+export function getStyleType(styleProp: keyof typeof styleExtras) {
+  if (!isAndroid() && styleExtras[styleProp]) {
+    return styleExtras[styleProp].iosType;
+  }
+
+  if (styleMap[styleProp]) {
+    return styleMap[styleProp];
+  }
+
+  throw new Error(`${styleProp} is not a valid Mapbox layer style`);
+}

package/scripts/templates/{styleMap.js.ejs → styleMap.ts.ejs}

@@ -5,8 +5,7 @@
 // DO NOT MODIFY
 // THIS FILE IS AUTOGENERATED
 
-import PropTypes from 'prop-types';
-import { IS_ANDROID } from './index';
+import { isAndroid } from './index';
 
 export const StyleTypes = {
   Constant: 'constant',
@@ -18,8 +17,8 @@ export const StyleTypes = {
   Enum: 'enum',
 };
 
-export function getStyleType(styleProp) {
-  if (!IS_ANDROID && styleExtras[styleProp]) {
+export function getStyleType(styleProp: keyof typeof styleExtras): string {
+  if (!isAndroid() && styleExtras[styleProp]) {
     return styleExtras[styleProp].iosType;
   }
 
@@ -30,35 +29,6 @@ export function getStyleType(styleProp) {
   throw new Error(`${styleProp} is not a valid MapLibre layer style`);
 }
 
-<%_ for (let layer of layers) { _%>
-export const <%- pascelCase(layer.name) _%>LayerStyleProp = PropTypes.shape({
-  <%_ for (let prop of layer.properties) { %>
-  /**
-   * <%- prop.doc.description %>
-  <%_ if (prop.doc.requires.length) { _%>
-   *
-   * @requires <%- prop.doc.requires.join(', ') %>
-  <%_ } _%>
-  <%_ if (prop.doc.disabledBy.length) { _%>
-   *
-   * @disabledBy <%- prop.doc.disabledBy.join(', ') %>
-  <%_ } _%>
-   */
-  <%= prop.name %>: <%- jsDocReactProp(prop) %>,
-  <%_ if (prop.transition) { %>
-  /**
-   * The transition affecting any changes to this layer’s <%= prop.name %> property.
-   */
-  <%= prop.name %>Transition: PropTypes.shape({
-    duration: PropTypes.number,
-    delay: PropTypes.number,
-  }),
-  <%_ } _%>
-  <%_ } _%>
-});
-
-<%_ } _%>
-
 const styleMap = {
   <%_ for (let layer of layers) { _%>
   <%_ for (let prop of layer.properties) { _%>

package/setup-jest.js

@@ -7,7 +7,7 @@ function keyMirror(keys) {
 }
 
 // Mock of what the native code puts on the JS object
-NativeModules.MGLModule = {
+NativeModules.MLNModule = {
   // constants
   UserTrackingModes: keyMirror([
     'None',
@@ -15,16 +15,7 @@ NativeModules.MGLModule = {
     'FollowWithCourse',
     'FollowWithHeading',
   ]),
-  StyleURL: keyMirror([
-    'Street',
-    'Dark',
-    'Light',
-    'Outdoors',
-    'Satellite',
-    'SatelliteStreet',
-    'TrafficDay',
-    'TrafficNight',
-  ]),
+  StyleURL: keyMirror(['Default']),
   EventTypes: keyMirror([
     'MapClick',
     'MapLongClick',
@@ -85,7 +76,7 @@ NativeModules.MGLModule = {
   setConnected: jest.fn(),
 };
 
-NativeModules.MGLOfflineModule = {
+NativeModules.MLNOfflineModule = {
   createPack: packOptions => {
     return Promise.resolve({
       bounds: packOptions.bounds,
@@ -102,22 +93,16 @@ NativeModules.MGLOfflineModule = {
   setProgressEventThrottle: jest.fn(),
 };
 
-NativeModules.MGLSnapshotModule = {
+NativeModules.MLNSnapshotModule = {
   takeSnap: () => {
     return Promise.resolve('file://test.png');
   },
 };
 
-NativeModules.MGLLocationModule = {
+NativeModules.MLNLocationModule = {
   getLastKnownLocation: jest.fn(),
   setMinDisplacement: jest.fn(),
   start: jest.fn(),
   stop: jest.fn(),
   pause: jest.fn(),
 };
-
-// Mock for global AbortController
-global.AbortController = class {
-  signal = 'test-signal';
-  abort = jest.fn();
-};

package/tsconfig.json

@@ -1,65 +1,24 @@
 {
   "compilerOptions": {
-    /* Basic Options */
-    "target": "esnext",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-    "lib": ["es6"],                           /* Specify library files to be included in the compilation. */
-    "allowJs": true,                          /* Allow javascript files to be compiled. */
-    // "checkJs": true,                       /* Report errors in .js files. */
-    "jsx": "react-native",                    /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
-    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
-    // "outFile": "./",                       /* Concatenate and emit output to single file. */
-    // "outDir": "./",                        /* Redirect output structure to the directory. */
-    // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
-    // "removeComments": true,                /* Do not emit comments to output. */
-    "noEmit": true,                           /* Do not emit outputs. */
-    // "incremental": true,                   /* Enable incremental compilation */
-    // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
-    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-    "isolatedModules": true,                  /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
-
-    /* Strict Type-Checking Options */
-    "strict": true,                           /* Enable all strict type-checking options. */
-    // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
-    // "strictNullChecks": true,              /* Enable strict null checks. */
-    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
-    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
-    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
-    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
-
-    /* Additional Checks */
-    // "noUnusedLocals": true,                /* Report errors on unused locals. */
-    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
-    // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
-    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
-
-    /* Module Resolution Options */
-    "moduleResolution": "node",               /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-    "baseUrl": "./",                          /* Base directory to resolve non-absolute module names. */
-    "paths": {                                /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-      "@maplibre/maplibre-react-native": ["../index.d.ts"],
-      "react": ["./node_modules/@types/react"],
-      "react-native": ["./node_modules/@types/react-native"],
-    },
-    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-    // "typeRoots": [],                       /* List of folders to include type definitions from. */
-    // "types": [],                           /* Type declaration files to be included in compilation. */
-    "allowSyntheticDefaultImports": true,     /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
-    "esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
-    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
-
-    /* Source Map Options */
-    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
-    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
-
-    /* Experimental Options */
-    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
-    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+    "declaration": true,
+    "preserveSymlinks": true,
+    "target": "es6",
+    "module": "es6",
+    "lib": ["es6"],
+    "allowJs": true,
+    "jsx": "react-native",
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "types": ["node", "react-native", "geojson"],
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "noUnusedLocals": true,
+    "noImplicitReturns": true,
   },
-  "exclude": [
-    "node_modules", "babel.config.js", "metro.config.js", "jest.config.js"
-  ]
+  "include": [
+    "javascript/**/*", "index.ts"
+  ],
 }
+

package/.eslintignore

@@ -1,3 +0,0 @@
-index.d.ts
-scripts/
-/plugin/build

package/.eslintrc.js

@@ -1,158 +0,0 @@
-module.exports = {
-  root: true,
-  parser: '@babel/eslint-parser',
-  plugins: ['react', 'react-native', 'fp', 'import', 'prettier', 'jest'],
-  env: {
-    jest: true,
-  },
-  settings: {
-    react: {
-      version: require('./package.json').dependencies.react,
-      pragma: 'React',
-    },
-    'import/resolver': {
-      node: {
-        extensions: ['.js', '.jsx'],
-      },
-    },
-    'import/ignore': ['react-native'],
-    parserOptions: {
-      ecmaFeatures: {
-        jsx: true,
-        modules: true,
-      },
-    },
-  },
-  globals: {
-    fetch: true,
-    FormData: true,
-    requestAnimationFrame: true,
-    cancelAnimationFrame: true,
-    WebSocket: true,
-    __DEV__: true,
-    window: true,
-    document: true,
-    navigator: true,
-    XMLSerializer: true,
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'prettier',
-    '@react-native-community',
-  ],
-  rules: {
-    'react/no-deprecated': 'warn',
-    'react/no-string-refs': 'warn',
-    'import/named': [2],
-    'import/no-named-default': [0],
-    'import/order': [
-      'error',
-      {
-        groups: ['builtin', 'external', 'parent', 'sibling', 'index'],
-        'newlines-between': 'always',
-      },
-    ],
-    'import/exports-last': [0],
-    'import/no-useless-path-segments': [2],
-    camelcase: [0],
-    'no-console': [0],
-    'import/prefer-default-export': 'off',
-    'jsx-a11y/href-no-hash': 'off',
-    'react/prop-types': [2],
-    quotes: [2, 'single'],
-    'eol-last': [0],
-    'no-continue': [1],
-    'class-methods-use-this': [0],
-    'no-bitwise': [1],
-    'prefer-destructuring': [1],
-    'consistent-return': [0],
-    'no-warning-comments': [1],
-    'no-mixed-requires': [0],
-    'no-return-assign': 0,
-    'no-underscore-dangle': [0],
-    'no-await-in-loop': 0,
-    'no-restricted-syntax': 0,
-    'no-use-before-define': ['error', {functions: false}],
-    'no-unused-expressions': ['error', {allowTaggedTemplates: true}],
-    'no-plusplus': ['error', {allowForLoopAfterthoughts: true}],
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        trailingComma: 'all',
-        bracketSpacing: false,
-      },
-    ],
-    'fp/no-mutating-methods': 'warn',
-  },
-  overrides: [
-    // Match TypeScript Files
-    // =================================
-    {
-      files: ['**/*.{ts,tsx}'],
-
-      // Global ESLint Settings
-      // =================================
-      env: {
-        jest: true,
-        es6: true,
-        browser: true,
-        node: true,
-      },
-      globals: {
-        __DEV__: true,
-        element: true,
-        by: true,
-        waitFor: true, // detox e2e
-      },
-      settings: {
-        'import/resolver': {
-          node: {
-            extensions: ['.js', '.jsx', '.ts', '.tsx'],
-          },
-        },
-        react: {
-          version: 'detect', // React version. "detect" automatically picks the version you have installed.
-          // You can also use `16.0`, `16.3`, etc, if you want to override the detected value.
-          // default to latest and warns if missing
-          // It will default to "detect" in the future
-        },
-      },
-
-      // Parser Settings
-      parser: '@typescript-eslint/parser',
-      parserOptions: {
-        // Lint with Type Information
-        // https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/TYPED_LINTING.md
-        tsconfigRootDir: __dirname,
-        project: './tsconfig.json',
-        ecmaFeatures: {
-          experimentalObjectRestSpread: true,
-          jsx: true,
-        },
-        sourceType: 'module',
-      },
-
-      // Extend Other Configs
-      // =================================
-      extends: [
-        'plugin:@typescript-eslint/recommended',
-        'plugin:react-native/all',
-        'eslint:recommended',
-        'plugin:react/recommended',
-        'prettier',
-      ],
-      plugins: ['react', 'react-hooks', '@typescript-eslint', 'prettier'],
-      rules: {
-        // turn these one to check where all the return types are missing
-        // and where arguments of functions are not typed
-        '@typescript-eslint/explicit-function-return-type': ['error'],
-        '@typescript-eslint/explicit-module-boundary-types': ['error'],
-        'no-use-before-define': 'off',
-        '@typescript-eslint/no-use-before-define': ['warn'],
-        'react/prop-types': 'off',
-      },
-    },
-  ],
-};

package/.prettierrc.js

@@ -1,7 +0,0 @@
-module.exports = {
-  bracketSpacing: false,
-  jsxBracketSameLine: true,
-  singleQuote: true,
-  trailingComma: 'all',
-  arrowParens: 'avoid',
-};