sleep => wait

Author: tkrotoff

examples/Bootstrap/App.jsx

@@ -19,13 +19,13 @@ import { DisplayFields } from 'react-form-with-constraints-tools';
 import './index.html';
 import './App.scss';
 
-function sleep(ms) {
+function wait(ms) {
   return new Promise(resolve => setTimeout(resolve, ms));
 }
 
 async function checkUsernameAvailability(value) {
   console.log('checkUsernameAvailability');
-  await sleep(1000);
+  await wait(1000);
   return !['john', 'paul', 'george', 'ringo'].includes(value.toLowerCase());
 }
 

examples/MaterialUI/App.tsx

@@ -29,13 +29,13 @@ import { DisplayFields } from 'react-form-with-constraints-tools';
 
 import './index.html';
 
-function sleep(ms: number) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
 }
 
 async function checkUsernameAvailability(value: string) {
   console.log('checkUsernameAvailability');
-  await sleep(1000);
+  await wait(1000);
   return !['john', 'paul', 'george', 'ringo'].includes(value.toLowerCase());
 }
 

examples/Password/App.tsx

@@ -11,14 +11,14 @@ import { DisplayFields } from 'react-form-with-constraints-tools';
 import './index.html';
 import './style.css';
 
-function sleep(ms: number) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
 }
 
 // https://en.wikipedia.org/wiki/List_of_the_most_common_passwords
 async function isACommonPassword(password: string) {
   console.log('isACommonPassword');
-  await sleep(1000);
+  await wait(1000);
   return [
     '123456',
     'password',

examples/ReactNative/App.tsx

@@ -13,13 +13,13 @@ import { ActivityIndicator, Button, ScrollView, StyleSheet, Text, View } from 'r
 
 import { TextFixedWidth } from './TextFixedWidth';
 
-function sleep(ms: number) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
 }
 
 async function checkUsernameAvailability(value: string) {
   console.log('checkUsernameAvailability');
-  await sleep(1000);
+  await wait(1000);
   return !['john', 'paul', 'george', 'ringo'].includes(value.toLowerCase());
 }
 

examples/ServerSideRendering/App.tsx

@@ -9,14 +9,14 @@ import { DisplayFields } from 'react-form-with-constraints-tools';
 
 // Copy-pasted from Password/App.tsx example
 
-function sleep(ms: number) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
 }
 
 // https://en.wikipedia.org/wiki/List_of_the_most_common_passwords
 async function isACommonPassword(password: string) {
   console.log('isACommonPassword');
-  await sleep(1000);
+  await wait(1000);
   return [
     '123456',
     'password',

examples/SignUp/App.tsx

@@ -18,13 +18,13 @@ import { Loader } from './Loader';
 import './index.html';
 import './style.css';
 
-function sleep(ms: number) {
-  return new Promise(resolve => setTimeout(resolve, ms));
+function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
 }
 
 async function checkUsernameAvailability(value: string) {
   console.log('checkUsernameAvailability');
-  await sleep(1000);
+  await wait(1000);
   return !['john', 'paul', 'george', 'ringo'].includes(value.toLowerCase());
 }
 

packages/react-form-with-constraints/src/FormWithConstraints.test.tsx

@@ -13,7 +13,7 @@ import { FieldFeedbacksEnzymeFix as FieldFeedbacks } from './FieldFeedbacksEnzym
 import { dBlock, error, formatHTML, info, key, keys, warning, whenValid } from './formatHTML';
 import { validValidityState } from './InputElementMock';
 import { SignUp } from './SignUp';
-import { sleep } from './sleep';
+import { wait } from './wait';
 
 function mount(node: React.ReactElement<FormWithConstraintsProps>) {
   return _mount<FormWithConstraintsProps, Record<string, unknown>>(node);
@@ -57,7 +57,7 @@ describe('FormWithBeforeAsync', () => {
               Info before Async
             </FieldFeedback>
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback>Async error</FieldFeedback>}
             />
           </FieldFeedbacks>
@@ -173,7 +173,7 @@ describe('FormWithAfterAsync', () => {
           <input name="input" ref={input => (this.input = input)} />
           <FieldFeedbacks for="input" stop={inputStop}>
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback>Async error</FieldFeedback>}
             />
             <FieldFeedback when={() => true}>Error after Async</FieldFeedback>
@@ -482,30 +482,30 @@ describe('FormWithMultipleNestedAsync - test Async.validate() has*(fieldFeedback
 
           <FieldFeedbacks for="input" stop={inputStop}>
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback>Async1 error</FieldFeedback>}
             />
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback warning>Async1 warning</FieldFeedback>}
             />
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback info>Async1 info</FieldFeedback>}
             />
           </FieldFeedbacks>
 
           <FieldFeedbacks for="input" stop={inputStop}>
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback>Async2 error</FieldFeedback>}
             />
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback warning>Async2 warning</FieldFeedback>}
             />
             <Async
-              promise={() => sleep(10)}
+              promise={() => wait(10)}
               then={() => <FieldFeedback info>Async2 info</FieldFeedback>}
             />
           </FieldFeedbacks>

packages/react-form-with-constraints/src/checkUsernameAvailability.ts

@@ -1,7 +1,7 @@
-import { sleep } from './sleep';
+import { wait } from './wait';
 
 export async function checkUsernameAvailability(value: string) {
-  await sleep(10);
+  await wait(10);
   if (value === 'error') {
     throw new Error(`Something wrong with username '${value}'`);
   } else {

packages/react-form-with-constraints/src/sleep.ts

@@ -0,0 +1,3 @@
+export function wait(ms: number) {
+  return new Promise<void>(resolve => setTimeout(resolve, ms));
+}