From 8af1a74fd288675aa878ac5569d6cc392a1c5c29 Mon Sep 17 00:00:00 2001
From: Cameron <influence365@gmail.com>
Date: Wed, 8 Jul 2020 16:19:44 +0100
Subject: [PATCH] migrate itemContextMenu and maintabmanager to ES6 modules

---
 package.json                      |  2 ++
 src/components/itemContextMenu.js | 29 ++++++++++++++++++++---------
 src/components/maintabsmanager.js | 22 +++++++++++-----------
 3 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/package.json b/package.json
index 230eee3f21..233bda9258 100644
--- a/package.json
+++ b/package.json
@@ -102,7 +102,9 @@
           "src/components/channelMapper/channelMapper.js",
           "src/components/images/imageLoader.js",
           "src/components/indicators/indicators.js",
+          "src/components/itemContextMenu.js",
           "src/components/lazyLoader/lazyLoaderIntersectionObserver.js",
+          "src/components/maintabsmanager.js",
           "src/components/mediaLibraryCreator/mediaLibraryCreator.js",
           "src/components/mediaLibraryEditor/mediaLibraryEditor.js",
           "src/components/listview/listview.js",
diff --git a/src/components/itemContextMenu.js b/src/components/itemContextMenu.js
index 584b25f0e4..688ddd3490 100644
--- a/src/components/itemContextMenu.js
+++ b/src/components/itemContextMenu.js
@@ -1,7 +1,17 @@
-define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'appRouter', 'playbackManager', 'loading', 'appSettings', 'browser', 'actionsheet'], function (appHost, globalize, connectionManager, itemHelper, appRouter, playbackManager, loading, appSettings, browser, actionsheet) {
-    'use strict';
+import appHost from 'apphost';
+import globalize from 'globalize';
+import connectionManager from 'connectionManager';
+import itemHelper from 'itemHelper';
+import appRouter from 'appRouter';
+import playbackManager from 'playbackManager';
+import loading from 'loading';
+import appSettings from 'appSettings';
+import browser from 'browser';
+import actionsheet from 'actionsheet';
 
-    function getCommands(options) {
+/* eslint-disable indent */
+
+    export function getCommands(options) {
         var item = options.item;
         var user = options.user;
 
@@ -583,7 +593,7 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'appRouter',
         });
     }
 
-    function show(options) {
+    export function show(options) {
         var commands = getCommands(options);
         if (!commands.length) {
             return Promise.reject();
@@ -598,8 +608,9 @@ define(['apphost', 'globalize', 'connectionManager', 'itemHelper', 'appRouter',
         });
     }
 
-    return {
-        getCommands: getCommands,
-        show: show
-    };
-});
+/* eslint-enable indent */
+
+export default {
+    getCommands: getCommands,
+    show: show
+};
diff --git a/src/components/maintabsmanager.js b/src/components/maintabsmanager.js
index e1c5434363..c73ebd97a8 100644
--- a/src/components/maintabsmanager.js
+++ b/src/components/maintabsmanager.js
@@ -1,5 +1,10 @@
-define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom, browser, events) {
-    'use strict';
+import dom from 'dom';
+import browser from 'browser';
+import events from 'events';
+import 'emby-tabs';
+import 'emby-button';
+
+/* eslint-disable indent */
 
     var tabOwnerView;
     var queryScope = document.querySelector('.skinHeader');
@@ -96,7 +101,7 @@ define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom,
         });
     }
 
-    function setTabs(view, selectedIndex, getTabsFn, getTabContainersFn, onBeforeTabChange, onTabChange, setSelectedIndex) {
+    export function setTabs(view, selectedIndex, getTabsFn, getTabContainersFn, onBeforeTabChange, onTabChange, setSelectedIndex) {
 
         var enableInFooter = enableTabsInFooter();
 
@@ -241,7 +246,7 @@ define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom,
         };
     }
 
-    function selectedTabIndex(index) {
+    export function selectedTabIndex(index) {
 
         var tabsContainerElem = headerTabsContainer;
 
@@ -256,13 +261,8 @@ define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom,
         }
     }
 
-    function getTabsElement() {
+    export function getTabsElement() {
         return document.querySelector('.tabs-viewmenubar');
     }
 
-    return {
-        setTabs: setTabs,
-        getTabsElement: getTabsElement,
-        selectedTabIndex: selectedTabIndex
-    };
-});
+/* eslint-enable indent */