Revert "chore: update outdated node_modules (#1807)"

This reverts commit 26a9dba22236bc22a7612107630282cfe02d20e0.

4 files changed, 114 insertions, 54 deletions

diff --git a/uidev/src/stories/input.stories.tsx b/uidev/src/stories/input.stories.tsx
index 4136cfd4d..889539266 100644
--- a/uidev/src/stories/input.stories.tsx
+++ b/uidev/src/stories/input.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Input } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -10,8 +10,7 @@ const defaultProps = () => {
     label: 'Label',
     id: `test-${id}`,
     name: `test-${id}`,
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
@@ -22,23 +21,44 @@ const defaultPasswordProps = () => {
     id: `test-${id}`,
     name: `test-${id}`,
     type: 'password',
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
 storiesOf('Input')
   .add('Basic', () => (
-    <Input {...defaultProps()} placeholder="Placeholder text" />
+    <Input
+      {...defaultProps()}
+      placeholder="Placeholder text"
+    />
+  ))
+  .add('Without Label', () => (
+    <Input
+      {...defaultProps()}
+      showLabel={false}
+    />
+  ))
+  .add('Disabled', () => (
+    <Input {...defaultProps()} disabled />
+  ))
+  .add('With prefix', () => (
+    <Input
+      {...defaultProps()}
+      prefix="https://"
+    />
   ))
-  .add('Without Label', () => <Input {...defaultProps()} showLabel={false} />)
-  .add('Disabled', () => <Input {...defaultProps()} disabled />)
-  .add('With prefix', () => <Input {...defaultProps()} prefix="https://" />)
   .add('With suffix', () => (
-    <Input {...defaultProps()} suffix=".meetfranz.com" />
+    <Input
+      {...defaultProps()}
+      suffix=".meetfranz.com"
+    />
   ))
   .add('With pre-suffix', () => (
-    <Input {...defaultProps()} prefix="https://" suffix=".meetfranz.com" />
+    <Input
+      {...defaultProps()}
+      prefix="https://"
+      suffix=".meetfranz.com"
+    />
   ))
   .add('With error', () => (
     <Input
@@ -48,16 +68,32 @@ storiesOf('Input')
     />
   ))
   .add('Type number with min & max', () => (
-    <Input {...defaultProps()} type="number" min={1} max={10} />
+    <Input
+      {...defaultProps()}
+      type="number"
+      min={1}
+      max={10}
+    />
   ));
 
 storiesOf('Password')
-  .add('Basic', () => <Input {...defaultPasswordProps()} />)
+  .add('Basic', () => (
+    <Input
+      {...defaultPasswordProps()}
+    />
+  ))
   .add('Show password toggle', () => (
-    <Input {...defaultPasswordProps()} showPasswordToggle />
+    <Input
+      {...defaultPasswordProps()}
+      showPasswordToggle
+    />
   ))
   .add('Score password', () => (
-    <Input {...defaultPasswordProps()} showPasswordToggle scorePassword />
+    <Input
+      {...defaultPasswordProps()}
+      showPasswordToggle
+      scorePassword
+    />
   ))
   .add('Score password with error', () => (
     <Input
diff --git a/uidev/src/stories/select.stories.tsx b/uidev/src/stories/select.stories.tsx
index 93e072cd9..51ec6ed88 100644
--- a/uidev/src/stories/select.stories.tsx
+++ b/uidev/src/stories/select.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Select } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -282,18 +282,35 @@ const defaultProps = () => {
     },
     actionText: 'Select country',
     // defaultValue: 'AT',
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
 storiesOf('Select')
-  .add('Basic', () => <Select {...defaultProps()} />)
+  .add('Basic', () => (
+    <Select
+      {...defaultProps()}
+    />
+  ))
   .add('With preselection', () => (
-    <Select {...defaultProps()} defaultValue="AT" />
+    <Select
+      {...defaultProps()}
+      defaultValue="AT"
+    />
+  ))
+  .add('With search', () => (
+    <Select
+      {...defaultProps()}
+      showSearch
+    />
+  ))
+  .add('Disabled', () => (
+    <Select
+      {...defaultProps()}
+      showSearch
+      disabled
+    />
   ))
-  .add('With search', () => <Select {...defaultProps()} showSearch />)
-  .add('Disabled', () => <Select {...defaultProps()} showSearch disabled />)
   .add('With error', () => (
     <Select
       {...defaultProps()}
diff --git a/uidev/src/stories/textarea.stories.tsx b/uidev/src/stories/textarea.stories.tsx
index 09b9fef70..1ab21820b 100644
--- a/uidev/src/stories/textarea.stories.tsx
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Textarea } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -11,8 +11,7 @@ const defaultProps = () => {
     id: `test-${id}`,
     name: `test-${id}`,
     rows: 5,
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-      console.log('changed event', e),
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e),
   };
 };
 
@@ -23,8 +22,22 @@ storiesOf('Textarea')
       // placeholder="Placeholder text"
     />
   ))
-  .add('10 rows', () => <Textarea {...defaultProps()} rows={10} />)
+  .add('10 rows', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={10}
+    />
+  ))
   .add('With error', () => (
-    <Textarea {...defaultProps()} error="This is a generic error message." />
+    <Textarea
+      {...defaultProps()}
+      error="This is a generic error message."
+    />
   ))
-  .add('Disabled', () => <Textarea {...defaultProps()} rows={2} disabled />);
+  .add('Disabled', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={2}
+      disabled
+    />
+  ));
diff --git a/uidev/src/stories/toggle.stories.tsx b/uidev/src/stories/toggle.stories.tsx
index f54e67596..af6b282bc 100644
--- a/uidev/src/stories/toggle.stories.tsx
+++ b/uidev/src/stories/toggle.stories.tsx
@@ -1,7 +1,7 @@
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import React from 'react';
-import { v4 as uuid } from 'uuid';
+import uuid from 'uuid/v4';
 
 import { Toggle } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -16,17 +16,14 @@ interface IStoreArgs {
   error?: string;
 }
 
-const createStore = (args?: IStoreArgs) =>
-  observable({
-    id: `element-${uuid()}`,
+const createStore = (args?: IStoreArgs) => observable({ id: `element-${uuid()}`,
     name: 'toggle',
     label: 'Label',
     value: true,
     checked: false,
     disabled: false,
     error: '',
-    ...args,
-  });
+...args });
 
 const WithStoreToggle = observer(({ store }: { store: any }) => (
   <>
@@ -38,40 +35,37 @@ const WithStoreToggle = observer(({ store }: { store: any }) => (
       name={store.name}
       disabled={store.disabled}
       error={store.error}
-      onChange={() => (store.checked = !store.checked)}
+      onChange={() => store.checked = !store.checked}
     />
   </>
 ));
 
 storiesOf('Toggle')
-  .add('Basic', () => <WithStoreToggle store={createStore()} />)
+  .add('Basic', () => (
+    <WithStoreToggle store={createStore()} />
+  ))
   .add('Checked', () => (
-    <WithStoreToggle
-      store={createStore({
-        checked: true,
-      })}
+    <WithStoreToggle store={createStore({
+      checked: true,
+    })}
     />
   ))
   .add('Disabled', () => (
-    <WithStoreToggle
-      store={createStore({
-        checked: true,
-        disabled: true,
-      })}
+    <WithStoreToggle store={createStore({
+      checked: true,
+      disabled: true,
+    })}
     />
   ))
   .add('Long label', () => (
-    <WithStoreToggle
-      store={createStore({
-        label:
-          'Hello world, this is an insanely long label for this toggle. We need to make sure that it will be displayed correctly.',
-      })}
+    <WithStoreToggle store={createStore({
+      label: 'Hello world, this is an insanely long label for this toggle. We need to make sure that it will be displayed correctly.',
+    })}
     />
   ))
   .add('With error', () => (
-    <WithStoreToggle
-      store={createStore({
-        error: 'Something went wrong',
-      })}
+    <WithStoreToggle store={createStore({
+      error: 'Something went wrong',
+    })}
     />
   ));