diff --git a/macos-example/.eslintrc.js b/macos-example/.eslintrc.js
deleted file mode 100644
index 187894b..0000000
--- a/macos-example/.eslintrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
- root: true,
- extends: '@react-native',
-};
diff --git a/macos-example/.prettierrc.js b/macos-example/.prettierrc.js
deleted file mode 100644
index 2b54074..0000000
--- a/macos-example/.prettierrc.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
- arrowParens: 'avoid',
- bracketSameLine: true,
- bracketSpacing: false,
- singleQuote: true,
- trailingComma: 'all',
-};
diff --git a/macos-example/__tests__/App.test.tsx b/macos-example/__tests__/App.test.tsx
deleted file mode 100644
index 9eac6fb..0000000
--- a/macos-example/__tests__/App.test.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * @format
- */
-
-import 'react-native';
-import React from 'react';
-import App from '../App';
-
-// Note: import explicitly to use the types shipped with jest.
-import {it} from '@jest/globals';
-
-// Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer';
-
-it('renders correctly', () => {
- renderer.create();
-});
diff --git a/macos-example/index.js b/macos-example/index.js
index c0624c7..bb13bc3 100644
--- a/macos-example/index.js
+++ b/macos-example/index.js
@@ -2,8 +2,8 @@
* @format
*/
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
import App from './src/HooksApp/RStyleApp';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
AppRegistry.registerComponent(appName, () => App);
diff --git a/macos-example/metro.config.js b/macos-example/metro.config.js
index 5ef3f5b..30bc484 100644
--- a/macos-example/metro.config.js
+++ b/macos-example/metro.config.js
@@ -1,4 +1,4 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
const path = require('path');
const exclusionList = require('metro-config/src/defaults/exclusionList');
@@ -24,8 +24,9 @@ const config = {
resolver: {
blacklistRE: exclusionList(
modules.map(
- m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`),
- ),
+ (m) =>
+ new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
+ )
),
extraNodeModules: modules.reduce((acc, name) => {
diff --git a/macos-example/package.json b/macos-example/package.json
index a4019ea..1f3bf48 100644
--- a/macos-example/package.json
+++ b/macos-example/package.json
@@ -23,8 +23,6 @@
"@react-native/eslint-config": "0.73.2",
"@react-native/metro-config": "0.73.5",
"@react-native/typescript-config": "0.73.1",
- "@types/react": "^18.2.6",
- "@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"babel-plugin-module-resolver": "^5.0.0",
"eslint": "^8.19.0",
diff --git a/macos-example/src/App.tsx b/macos-example/src/App.tsx
index 892e0dc..26dc563 100644
--- a/macos-example/src/App.tsx
+++ b/macos-example/src/App.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-import {FRProvider, createRStyle} from 'react-native-full-responsive';
+import { StyleSheet, View, Text } from 'react-native';
+import { FRProvider, createRStyle } from 'react-native-full-responsive';
const SIZE = 20;
diff --git a/macos-example/src/ClassApp/MediaQuery.tsx b/macos-example/src/ClassApp/MediaQuery.tsx
index 476b27d..5718358 100644
--- a/macos-example/src/ClassApp/MediaQuery.tsx
+++ b/macos-example/src/ClassApp/MediaQuery.tsx
@@ -4,13 +4,13 @@ import {
withMediaQuery,
type DeviceType,
} from 'react-native-full-responsive';
-import {StyleSheet, View, Text} from 'react-native';
+import { StyleSheet, View, Text } from 'react-native';
class Component extends React.Component<{
type: DeviceType;
}> {
render(): React.ReactNode {
- const {type} = this.props;
+ const { type } = this.props;
return (
Dimensions type is: "{type}"
diff --git a/macos-example/src/ClassApp/index.tsx b/macos-example/src/ClassApp/index.tsx
index ac8c11c..6a703a4 100644
--- a/macos-example/src/ClassApp/index.tsx
+++ b/macos-example/src/ClassApp/index.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
+import { StyleSheet, View, Text } from 'react-native';
import {
withRM,
FRProvider,
@@ -11,14 +11,14 @@ const SIZE = 20;
class Component extends React.Component {
render(): React.ReactNode {
- const {rs} = this.props;
+ const { rs } = this.props;
const scaledValue = rs(SIZE);
return (
-
+
without react-native-full-responsive
@@ -30,8 +30,9 @@ class Component extends React.Component {
marginVertical: scaledValue,
paddingHorizontal: scaledValue / 2,
},
- ]}>
-
+ ]}
+ >
+
with react-native-full-responsive
diff --git a/macos-example/src/HooksApp/RStyleApp.tsx b/macos-example/src/HooksApp/RStyleApp.tsx
index 5bcc8af..b534067 100644
--- a/macos-example/src/HooksApp/RStyleApp.tsx
+++ b/macos-example/src/HooksApp/RStyleApp.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-import {FRProvider, useRStyle} from 'react-native-full-responsive';
+import { StyleSheet, View, Text } from 'react-native';
+import { FRProvider, useRStyle } from 'react-native-full-responsive';
const SIZE = 20;
diff --git a/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx b/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx
index cc28708..676f132 100644
--- a/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx
+++ b/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx
@@ -1,18 +1,18 @@
import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-import {useRM, FRProvider} from 'react-native-full-responsive';
+import { StyleSheet, View, Text } from 'react-native';
+import { useRM, FRProvider } from 'react-native-full-responsive';
const SIZE = 20;
const MyComponent: React.FC = () => {
- const {rs} = useRM();
+ const { rs } = useRM();
const scaledValue = rs(SIZE);
return (
-
+
without react-native-full-responsive
@@ -24,8 +24,9 @@ const MyComponent: React.FC = () => {
marginVertical: scaledValue,
paddingHorizontal: scaledValue / 2,
},
- ]}>
-
+ ]}
+ >
+
with react-native-full-responsive
diff --git a/macos-example/tsconfig.json b/macos-example/tsconfig.json
index 86618d5..3c43903 100644
--- a/macos-example/tsconfig.json
+++ b/macos-example/tsconfig.json
@@ -1,10 +1,3 @@
{
- "extends": "../tsconfig.json",
- "compilerOptions": {
- "baseUrl": ".",
- "paths": {
- "react-native-reanimated": ["../"],
- "react": ["./node_modules/@types/react"]
- }
- }
+ "extends": "../tsconfig.json"
}
diff --git a/macos-example/yarn.lock b/macos-example/yarn.lock
index 9264226..8f2141f 100644
--- a/macos-example/yarn.lock
+++ b/macos-example/yarn.lock
@@ -1972,32 +1972,6 @@
dependencies:
undici-types "~5.26.4"
-"@types/prop-types@*":
- version "15.7.11"
- resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.11.tgz#2596fb352ee96a1379c657734d4b913a613ad563"
- integrity sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==
-
-"@types/react-test-renderer@^18.0.0":
- version "18.0.7"
- resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.7.tgz#2cfe657adb3688cdf543995eceb2e062b5a68728"
- integrity sha512-1+ANPOWc6rB3IkSnElhjv6VLlKg2dSv/OWClUyZimbLsQyBn8Js9Vtdsi3UICJ2rIQ3k2la06dkB+C92QfhKmg==
- dependencies:
- "@types/react" "*"
-
-"@types/react@*", "@types/react@^18.2.6":
- version "18.2.57"
- resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.57.tgz#147b516d8bdb2900219acbfc6f939bdeecca7691"
- integrity sha512-ZvQsktJgSYrQiMirAN60y4O/LRevIV8hUzSOSNB6gfR3/o3wCBFQx3sPwIYtuDMeiVgsSS3UzCV26tEzgnfvQw==
- dependencies:
- "@types/prop-types" "*"
- "@types/scheduler" "*"
- csstype "^3.0.2"
-
-"@types/scheduler@*":
- version "0.16.8"
- resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff"
- integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==
-
"@types/semver@^7.3.12":
version "7.5.7"
resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.7.tgz#326f5fdda70d13580777bcaa1bc6fa772a5aef0e"
@@ -2810,11 +2784,6 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
shebang-command "^2.0.0"
which "^2.0.1"
-csstype@^3.0.2:
- version "3.1.3"
- resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
- integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
-
dayjs@^1.8.15:
version "1.11.10"
resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.10.tgz#68acea85317a6e164457d6d6947564029a6a16a0"