Merge branch 'master' into release

Author: adids1221

.githooks/pre-push

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+COMMAND="yarn prepush"
+
+$COMMAND
+RESULT=$?
+if [ $RESULT -ne 0 ]; then
+	echo "pre-push hook failed $COMMAND"
+	exit 1
+fi

.yarn/patches/@topcli-spinner-npm-2.1.2-262b584167.patch

@@ -1,3 +1,15 @@
+compressionLevel: 0
+
+enableGlobalCache: true
+
+enableTelemetry: false
+
+nmMode: hardlinks-local
+
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.4.1.cjs
+npmRegistryServer: "https://registry.npmjs.org/"
+npmMinimalAgeGate: "14d"
+npmPreapprovedPackages: ["@wix/*"]
+
+yarnPath: .yarn/releases/yarn-4.12.0.cjs

.yarn/releases/yarn-3.4.1.cjs

@@ -30,6 +30,9 @@
     "build": "node scripts/build/build.js",
     "build:local": "./scripts/build/createLocalPackage.sh",
     "pre-push": "npm run build:dev && npm run test",
+    "prepush": "node ./scripts/prepush.js",
+    "yarnConstraints": "yarn constraints",
+    "yarnConstraintsFix": "yarn constraints --fix",
     "docs:deploy": "./scripts/docs/deployDocs.sh",
     "docs:build": "node scripts/docs/buildDocs.js",
     "docs:start": "(cd docuilib && yarn start)",
@@ -84,6 +87,7 @@
     "@shopify/flash-list": "1.7.6",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^11.5.1",
+    "@topcli/spinner": "patch:@topcli/spinner@npm%3A2.1.2#./.yarn/patches/@topcli-spinner-npm-2.1.2-262b584167.patch",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.0.0",
@@ -95,8 +99,10 @@
     "@typescript-eslint/eslint-plugin": "^5.3.1",
     "@typescript-eslint/parser": "^5.3.1",
     "@welldone-software/why-did-you-render": "^3.2.1",
+    "@yarnpkg/types": "^4.0.1",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-module-resolver": "^5.0.0",
+    "chalk": "^4.1.2",
     "eslint": "8.19.0",
     "eslint-config-wix": "2.0.0",
     "eslint-plugin-react": "^7.24.0",
@@ -185,5 +191,6 @@
     "!lib/scripts",
     "lib/package.json",
     "lib/ReactNativeUILib.podspec"
-  ]
+  ],
+  "packageManager": "[email protected]"
 }

.yarn/releases/yarn-4.12.0.cjs

@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+
+const semver = require('semver');
+const fs = require('fs');
+const path = require('path');
+
+const nodeVersion = fs.readFileSync(path.resolve(process.cwd(), '.nvmrc'), 'utf-8').trim();
+if (!semver.gte(process.version.substring(1), nodeVersion)) {
+  throw new Error(`Node version must be at least ${nodeVersion}`);
+}
+
+const cp = require('child_process');
+const {logGreen, logError} = require('./utils');
+const {Spinner} = require('@topcli/spinner');
+
+const ARGS = process.argv.slice(2);
+const TEST_ARG = 'test';
+const TEST_COMMAND = 'yarn test';
+
+const PRE_PUSH_COMMANDS = [
+  'yarn yarnConstraints',
+  'yarn dedupe --check',
+  'yarn lint --quiet',
+  'yarn build:dev >/dev/null'
+];
+
+async function run() {
+  logGreen('Running pre-push checks...');
+  const commands = [...PRE_PUSH_COMMANDS];
+  if (ARGS.includes(TEST_ARG)) {
+    commands.push(TEST_COMMAND);
+  }
+  const promises = commands.map(execute);
+  const results = await Promise.allSettled(promises);
+  const failed = results.filter(result => result.status === 'rejected');
+  if (failed.length > 0) {
+    logError('Pre-push checks failed!');
+    failed.forEach(result => logFailedCommand(result.reason));
+    process.exit(1);
+  }
+  process.exit(0);
+}
+
+function logFailedCommand({command, stdout, stderr}) {
+  logError(`${command}:`);
+  if (stdout) {
+    logError('STDOUT:');
+    logError(stdout);
+  }
+  if (stderr) {
+    logError('STDERR:');
+    logError(stderr);
+  }
+}
+
+async function execute(command) {
+  const spinner = new Spinner();
+  return new Promise((resolve, reject) => {
+    spinner.start(command);
+    cp.exec(command, {encoding: 'utf-8'}, (error, stdout, stderr) => {
+      if (error) {
+        spinner.failed();
+        reject({command, error, stdout, stderr});
+      }
+      spinner.succeed();
+      resolve();
+    });
+  });
+}
+
+run();

.yarnrc

@@ -0,0 +1,21 @@
+const chalk = require('chalk');
+
+function logDebug() {
+  console.log(chalk.gray(...arguments));
+}
+
+function logGreen() {
+  console.log(chalk.green(...arguments));
+}
+
+function logError() {
+  // eslint-disable-next-line no-restricted-syntax
+  console.error(chalk.red(...arguments));
+}
+
+
+module.exports = {
+  logDebug,
+  logGreen,
+  logError
+};

.yarnrc.yml

@@ -4,6 +4,7 @@ import {StyleSheet, Image, ImageProps, ImageSourcePropType} from 'react-native';
 import {Colors} from '../../style';
 import View from '../view';
 import Assets from '../../assets';
+import Constants from '../../commons/Constants';
 
 const OVERLY_TYPES = {
   VERTICAL: 'vertical',
@@ -126,7 +127,7 @@ class Overlay extends PureComponent<OverlayTypes> {
 const styles = StyleSheet.create({
   container: {
     ...StyleSheet.absoluteFillObject,
-    width: undefined
+    width: Constants.isWeb ? '100%' : undefined
   },
   top: {
     bottom: undefined,