chore: update outdated node_modules (#1807)

- upgrade 'uuid', '@types/uuid', 'macos-version', 'normalize-url' and 'os-name' dependencies to latest
- updated 'macos-version' imports to named imports

4 files changed, 54 insertions, 114 deletions

diff --git a/uidev/src/stories/input.stories.tsx b/uidev/src/stories/input.stories.tsx
index 889539266..4136cfd4d 100644
--- a/uidev/src/stories/input.stories.tsx
+++ b/uidev/src/stories/input.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import uuid from 'uuid/v4';
+import { v4 as uuid } from 'uuid';
 
 import { Input } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -10,7 +10,8 @@ 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),
   };
 };
 
@@ -21,44 +22,23 @@ 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"
-    />
-  ))
-  .add('Without Label', () => (
-    <Input
-      {...defaultProps()}
-      showLabel={false}
-    />
-  ))
-  .add('Disabled', () => (
-    <Input {...defaultProps()} disabled />
-  ))
-  .add('With prefix', () => (
-    <Input
-      {...defaultProps()}
-      prefix="https://"
-    />
+    <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('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
@@ -68,32 +48,16 @@ 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 51ec6ed88..93e072cd9 100644
--- a/uidev/src/stories/select.stories.tsx
+++ b/uidev/src/stories/select.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import uuid from 'uuid/v4';
+import { v4 as uuid } from 'uuid';
 
 import { Select } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -282,35 +282,18 @@ 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"
-    />
-  ))
-  .add('With search', () => (
-    <Select
-      {...defaultProps()}
-      showSearch
-    />
-  ))
-  .add('Disabled', () => (
-    <Select
-      {...defaultProps()}
-      showSearch
-      disabled
-    />
+    <Select {...defaultProps()} defaultValue="AT" />
   ))
+  .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 1ab21820b..09b9fef70 100644
--- a/uidev/src/stories/textarea.stories.tsx
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import uuid from 'uuid/v4';
+import { v4 as uuid } from 'uuid';
 
 import { Textarea } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -11,7 +11,8 @@ 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),
   };
 };
 
@@ -22,22 +23,8 @@ 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 af6b282bc..f54e67596 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 uuid from 'uuid/v4';
+import { v4 as uuid } from 'uuid';
 
 import { Toggle } from '@meetfranz/forms';
 import { storiesOf } from '../stores/stories';
@@ -16,14 +16,17 @@ 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 }) => (
   <>
@@ -35,37 +38,40 @@ 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',
+      })}
     />
   ));