From b36fd96b077439b808d00157478bddc4416c793e Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Wed, 19 Dec 2018 20:22:30 -0800
Subject: [PATCH] chore(deps): update @atlaskit/checkbox from 4.0.6 to 5.0.10

---
 package-lock.json                             | 43 ++++++++++----
 package.json                                  |  2 +-
 .../settings/components/web/MoreTab.js        | 58 +++++++++----------
 3 files changed, 62 insertions(+), 41 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bdbaecae9..01e49522a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -131,22 +131,45 @@
       }
     },
     "@atlaskit/checkbox": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/@atlaskit/checkbox/-/checkbox-4.0.6.tgz",
-      "integrity": "sha512-U3Y0KaNnR2dUfXDe8/lXzMfudLbCZPZqYlvgDkvlllw0jlF5g5eU4vJ935bVUeTiuOmyIpzDqjkWe6AY5kbQqQ==",
+      "version": "5.0.10",
+      "resolved": "https://registry.npmjs.org/@atlaskit/checkbox/-/checkbox-5.0.10.tgz",
+      "integrity": "sha512-20LvwY8YtmCXhJI+klKJe36RPPfC3GalJ8/1cUVW+ddVNLgXw9GmAXo4Ux/CxLVghlYt125PqlB0KjprdplRNw==",
       "requires": {
-        "@atlaskit/analytics-next": "^3.0.6",
-        "@atlaskit/icon": "^13.6.1",
-        "@atlaskit/theme": "^6.0.2",
+        "@atlaskit/analytics-next": "^3.1.2",
+        "@atlaskit/icon": "^15.0.2",
+        "@atlaskit/theme": "^7.0.1",
+        "@babel/runtime": "^7.0.0",
         "babel-runtime": "^6.26.0",
         "prop-types": "^15.5.10"
       },
       "dependencies": {
-        "@atlaskit/theme": {
-          "version": "6.0.3",
-          "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-6.0.3.tgz",
-          "integrity": "sha512-s90qPe3S0fXtf1xHxH4uhT2IIbvGkMWLp1HW66rv0c8VSBj0f5VaJW+xVs7BLii5rN1QnOtsYS3ykx307mZOJQ==",
+        "@atlaskit/analytics-next": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/@atlaskit/analytics-next/-/analytics-next-3.1.2.tgz",
+          "integrity": "sha512-bkYDvl3Ojsnim+bsc9BALfvOjiL7xdb2rTp/4yqUP9pfidtf5HudbOJ849+dKcRCmk/rFbfB/nhDBRU6rv1Ueg==",
           "requires": {
+            "@babel/runtime": "^7.0.0",
+            "babel-runtime": "^6.26.0",
+            "prop-types": "^15.5.10"
+          }
+        },
+        "@atlaskit/icon": {
+          "version": "15.0.3",
+          "resolved": "https://registry.npmjs.org/@atlaskit/icon/-/icon-15.0.3.tgz",
+          "integrity": "sha512-UAf7U0/+5giS2uMlOeVMYmhuWD4fQy0eRcp7r8oEDBqZXNH0yIuHrfu1bPgt2SbFotrjxZdPpOX1i1dXEu7y6g==",
+          "requires": {
+            "@atlaskit/theme": "^7.0.1",
+            "@babel/runtime": "^7.0.0",
+            "babel-runtime": "^6.26.0",
+            "uuid": "^3.1.0"
+          }
+        },
+        "@atlaskit/theme": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/@atlaskit/theme/-/theme-7.0.1.tgz",
+          "integrity": "sha512-wxXDnkUablJketNCrQuNUuazufYEA7kv0Y6Yzv6uvqfuyNpWUQt4H1psz/MW8DbZmCdku9dEYbNVK3nFP5TDGg==",
+          "requires": {
+            "@babel/runtime": "^7.0.0",
             "prop-types": "^15.5.10"
           }
         }
diff --git a/package.json b/package.json
index fe8b85d71..3d66ea0bc 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   "dependencies": {
     "@atlaskit/avatar": "14.0.10",
     "@atlaskit/button": "9.0.8",
-    "@atlaskit/checkbox": "4.0.6",
+    "@atlaskit/checkbox": "5.0.10",
     "@atlaskit/dropdown-menu": "6.1.12",
     "@atlaskit/field-text": "7.0.10",
     "@atlaskit/field-text-area": "4.0.9",
diff --git a/react/features/settings/components/web/MoreTab.js b/react/features/settings/components/web/MoreTab.js
index 7e136f4d5..47b479e2a 100644
--- a/react/features/settings/components/web/MoreTab.js
+++ b/react/features/settings/components/web/MoreTab.js
@@ -1,6 +1,6 @@
 // @flow
 
-import { CheckboxGroup, CheckboxStateless } from '@atlaskit/checkbox';
+import { Checkbox } from '@atlaskit/checkbox';
 import DropdownMenu, {
     DropdownItem,
     DropdownItemGroup
@@ -202,35 +202,33 @@ class MoreTab extends AbstractDialogTab<Props, State> {
                 <div className = 'mock-atlaskit-label'>
                     { t('settings.moderator') }
                 </div>
-                <CheckboxGroup>
-                    <CheckboxStateless
-                        isChecked = { startAudioMuted }
-                        label = { t('settings.startAudioMuted') }
-                        name = 'start-audio-muted'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ startAudioMuted: checked })
-                        } />
-                    <CheckboxStateless
-                        isChecked = { startVideoMuted }
-                        label = { t('settings.startVideoMuted') }
-                        name = 'start-video-muted'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ startVideoMuted: checked })
-                        } />
-                    <CheckboxStateless
-                        isChecked = { followMeEnabled }
-                        label = { t('settings.followMe') }
-                        name = 'follow-me'
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onChange = {
-                            ({ target: { checked } }) =>
-                                super._onChange({ followMeEnabled: checked })
-                        } />
-                </CheckboxGroup>
+                <Checkbox
+                    isChecked = { startAudioMuted }
+                    label = { t('settings.startAudioMuted') }
+                    name = 'start-audio-muted'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ startAudioMuted: checked })
+                    } />
+                <Checkbox
+                    isChecked = { startVideoMuted }
+                    label = { t('settings.startVideoMuted') }
+                    name = 'start-video-muted'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ startVideoMuted: checked })
+                    } />
+                <Checkbox
+                    isChecked = { followMeEnabled }
+                    label = { t('settings.followMe') }
+                    name = 'follow-me'
+                    // eslint-disable-next-line react/jsx-no-bind
+                    onChange = {
+                        ({ target: { checked } }) =>
+                            super._onChange({ followMeEnabled: checked })
+                    } />
             </div>
         );
     }