@jbrowse/plugin-data-management 2.1.7 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-data-management",
-  "version": "2.1.7",
+  "version": "2.2.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -61,5 +61,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "a1344081f61e22e0f597517efa7386023eef9f33"
+  "gitHead": "896d175c5d9345049faea8e1155f243c912aac42"
 }

package/src/AddConnectionWidget/components/ConfigureConnection.tsx

@@ -1,9 +1,10 @@
 import React, { Suspense } from 'react'
-import { ConfigurationEditor } from '@jbrowse/plugin-config'
 import { observer } from 'mobx-react'
+import { ConfigurationEditor } from '@jbrowse/plugin-config'
 import { ConnectionType } from '@jbrowse/core/pluggableElementTypes'
 import { AnyConfigurationModel } from '@jbrowse/core/configuration'
 import { AbstractSessionModel } from '@jbrowse/core/util'
+import { LoadingEllipses } from '@jbrowse/core/ui'
 
 const ConfigureConnection = observer(
   (props: {
@@ -16,7 +17,7 @@ const ConfigureConnection = observer(
       connectionType.configEditorComponent || ConfigurationEditor
 
     return (
-      <Suspense fallback={<div>Loading...</div>}>
+      <Suspense fallback={<LoadingEllipses />}>
         <ConfigEditorComponent model={{ target: model }} session={session} />
       </Suspense>
     )

package/src/AddConnectionWidget/components/__snapshots__/AddConnectionWidget.test.js.snap

@@ -2,10 +2,10 @@
 
 exports[`<AddConnectionWidget /> renders 1`] = `
 <div
-  class="tss-1ohm0fb-root"
+  class="css-1ohm0fb-root"
 >
   <div
-    class="MuiStepper-root MuiStepper-vertical tss-1v8zuu8-stepper css-9tmuzo-MuiStepper-root"
+    class="MuiStepper-root MuiStepper-vertical css-1nq3qk0-MuiStepper-root-stepper"
   >
     <div
       class="MuiStep-root MuiStep-vertical css-8wcvy5-MuiStep-root"
@@ -151,10 +151,10 @@ exports[`<AddConnectionWidget /> renders 1`] = `
                 </div>
               </form>
               <div
-                class="tss-1spe31o-actionsContainer"
+                class="css-1spe31o-actionsContainer"
               >
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium tss-11xjtta-button css-1e6y48t-MuiButtonBase-root-MuiButton-root"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium Mui-disabled MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1j3hqkx-MuiButtonBase-root-MuiButton-root-button"
                   disabled=""
                   tabindex="-1"
                   type="button"
@@ -162,7 +162,7 @@ exports[`<AddConnectionWidget /> renders 1`] = `
                   Back
                 </button>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium tss-11xjtta-button css-sghohy-MuiButtonBase-root-MuiButton-root"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-1xo5g2a-MuiButtonBase-root-MuiButton-root-button"
                   data-testid="addConnectionNext"
                   tabindex="0"
                   type="button"

package/src/AddTrackWidget/components/AddTrackWidget.tsx

@@ -7,6 +7,7 @@ import { getEnv, useLocalStorage } from '@jbrowse/core/util'
 // locals
 import { AddTrackModel } from '../model'
 import DefaultAddTrackWorkflow from './DefaultAddTrackWorkflow'
+import PasteConfigWorkflow from './PasteConfigWorkflow'
 
 function AddTrackSelector({ model }: { model: AddTrackModel }) {
   const [val, setVal] = useLocalStorage('trackSelector-choice', 'Default')
@@ -16,6 +17,7 @@ function AddTrackSelector({ model }: { model: AddTrackModel }) {
   ) as AddTrackWorkflowType[]
   const ComponentMap = {
     Default: DefaultAddTrackWorkflow,
+    'Add track JSON': PasteConfigWorkflow,
     ...Object.fromEntries(widgets.map(w => [w.name, w.ReactComponent])),
   } as { [key: string]: React.FC<{ model: AddTrackModel }> }
 

package/src/AddTrackWidget/components/PasteConfigWorkflow.tsx

@@ -0,0 +1,64 @@
+import React, { useState } from 'react'
+import { Button, TextField } from '@mui/material'
+import { ErrorMessage } from '@jbrowse/core/ui'
+import { makeStyles } from 'tss-react/mui'
+import { getSession } from '@jbrowse/core/util'
+import { observer } from 'mobx-react'
+
+// locals
+import { AddTrackModel } from '../model'
+
+const useStyles = makeStyles()({
+  textbox: {
+    width: '100%',
+  },
+  submit: {
+    marginTop: 25,
+    marginBottom: 100,
+    display: 'block',
+  },
+})
+
+function AddTrackWorkflow({ model }: { model: AddTrackModel }) {
+  const { classes } = useStyles()
+  const [val, setVal] = useState('')
+  const [error, setError] = useState<unknown>()
+
+  return (
+    <div>
+      {error ? <ErrorMessage error={error} /> : null}
+      <TextField
+        multiline
+        rows={10}
+        value={val}
+        onChange={event => setVal(event.target.value)}
+        placeholder={
+          'Paste track config or array of track configs in JSON format'
+        }
+        variant="outlined"
+        className={classes.textbox}
+      />
+      <Button
+        variant="contained"
+        className={classes.submit}
+        onClick={() => {
+          try {
+            setError(undefined)
+            const session = getSession(model)
+            const conf = JSON.parse(val)
+            const confs = Array.isArray(conf) ? conf : [conf]
+            confs.forEach(c => session.addTrackConf(c))
+            confs.forEach(c => c.trackId)
+            model.clearData()
+            session.hideWidget(model)
+          } catch (e) {
+            setError(e)
+          }
+        }}
+      >
+        Submit
+      </Button>
+    </div>
+  )
+}
+export default observer(AddTrackWorkflow)

package/src/AddTrackWidget/model.ts

@@ -5,8 +5,8 @@ import { FileLocation } from '@jbrowse/core/util/types'
 import {
   guessAdapter,
   guessTrackType,
-  UNSUPPORTED,
   getFileName,
+  UNSUPPORTED,
 } from '@jbrowse/core/util/tracks'
 
 function isAbsoluteUrl(url = '') {

package/src/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.tsx

@@ -256,7 +256,7 @@ const HierarchicalTrackSelector = observer(
     const [headerHeight, setHeaderHeight] = useState(0)
 
     const { assemblyNames } = model
-    const assemblyName = assemblyNames[assemblyIdx]
+    const assemblyName = assemblyNames.length ? assemblyNames[assemblyIdx] : ''
     return assemblyName ? (
       <>
         <Header

package/src/HierarchicalTrackSelectorWidget/components/__snapshots__/HierarchicalTrackSelector.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`HierarchicalTrackSelector widget renders nothing with no assembly 1`] = `
 <button
-  class="MuiButtonBase-root MuiFab-root MuiFab-circular MuiFab-sizeSmall MuiFab-secondary tss-805w6w-fab css-10w0o2e-MuiButtonBase-root-MuiFab-root"
+  class="MuiButtonBase-root MuiFab-root MuiFab-circular MuiFab-sizeSmall MuiFab-secondary MuiFab-root MuiFab-circular MuiFab-sizeSmall MuiFab-secondary css-tbl9bo-MuiButtonBase-root-MuiFab-root-fab"
   tabindex="0"
   type="button"
 >
@@ -31,7 +31,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of categorized t
     style="display: flex;"
   >
     <button
-      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall tss-1qeitpp-menuIcon css-zubjuh-MuiButtonBase-root-MuiIconButton-root"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1m9x3cr-MuiButtonBase-root-MuiIconButton-root-menuIcon"
       tabindex="0"
       type="button"
     >
@@ -51,7 +51,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of categorized t
       />
     </button>
     <button
-      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall tss-1qeitpp-menuIcon css-zubjuh-MuiButtonBase-root-MuiIconButton-root"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1m9x3cr-MuiButtonBase-root-MuiIconButton-root-menuIcon"
       tabindex="0"
       type="button"
     >
@@ -70,7 +70,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of categorized t
       />
     </button>
     <div
-      class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root tss-45fwc5-searchBox css-1z10yd4-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root css-rlnh8o-MuiFormControl-root-MuiTextField-root-searchBox"
     >
       <label
         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-standard css-1s1jvl0-MuiFormLabel-root-MuiInputLabel-root"
@@ -128,7 +128,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of uncategorized
     style="display: flex;"
   >
     <button
-      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall tss-1qeitpp-menuIcon css-zubjuh-MuiButtonBase-root-MuiIconButton-root"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1m9x3cr-MuiButtonBase-root-MuiIconButton-root-menuIcon"
       tabindex="0"
       type="button"
     >
@@ -148,7 +148,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of uncategorized
       />
     </button>
     <button
-      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall tss-1qeitpp-menuIcon css-zubjuh-MuiButtonBase-root-MuiIconButton-root"
+      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1m9x3cr-MuiButtonBase-root-MuiIconButton-root-menuIcon"
       tabindex="0"
       type="button"
     >
@@ -167,7 +167,7 @@ exports[`HierarchicalTrackSelector widget renders with a couple of uncategorized
       />
     </button>
     <div
-      class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root tss-45fwc5-searchBox css-1z10yd4-MuiFormControl-root-MuiTextField-root"
+      class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root css-rlnh8o-MuiFormControl-root-MuiTextField-root-searchBox"
     >
       <label
         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeSmall MuiInputLabel-standard css-1s1jvl0-MuiFormLabel-root-MuiInputLabel-root"

package/src/PluginStoreWidget/components/PluginStoreWidget.tsx

@@ -1,6 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import { observer } from 'mobx-react'
-import { getEnv } from 'mobx-state-tree'
 
 import {
   Accordion,
@@ -12,8 +10,10 @@ import {
   Typography,
 } from '@mui/material'
 import { makeStyles } from 'tss-react/mui'
-
+import { observer } from 'mobx-react'
+import { getEnv } from 'mobx-state-tree'
 import { JBrowsePlugin } from '@jbrowse/core/util/types'
+import { LoadingEllipses } from '@jbrowse/core/ui'
 import { getSession, isElectron } from '@jbrowse/core/util'
 
 // icons
@@ -177,7 +177,7 @@ function PluginStoreWidget({ model }: { model: PluginStoreModel }) {
               />
             ))
         ) : (
-          <Typography>Loading...</Typography>
+          <LoadingEllipses />
         )}
       </Accordion>
     </div>

package/src/PluginStoreWidget/components/__snapshots__/PluginStoreWidget.test.js.snap

@@ -2,7 +2,7 @@
 
 exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
 <div
-  class="tss-1kq0gb6-root"
+  class="css-1kq0gb6-root"
 >
   <div
     class="MuiFormControl-root MuiFormControl-marginDense MuiFormControl-fullWidth MuiTextField-root css-1z10yd4-MuiFormControl-root-MuiTextField-root"
@@ -74,7 +74,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-havevq-MuiSvgIcon-root"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-kbgf2m-MuiSvgIcon-root-expandIcon"
           data-testid="ExpandMoreIcon"
           focusable="false"
           viewBox="0 0 24 24"
@@ -111,7 +111,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -133,7 +133,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -155,7 +155,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -177,7 +177,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -199,7 +199,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -221,7 +221,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -243,7 +243,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -265,7 +265,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -287,7 +287,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -309,7 +309,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -331,7 +331,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -353,7 +353,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -375,7 +375,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -397,7 +397,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -419,7 +419,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -441,7 +441,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -463,7 +463,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -485,7 +485,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -507,7 +507,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -529,7 +529,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -551,7 +551,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -573,7 +573,29 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
+                    data-mui-internal-clone-element="true"
+                    data-testid="LockIcon"
+                    focusable="false"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"
+                    />
+                  </svg>
+                  <p
+                    class="MuiTypography-root MuiTypography-body1 css-k0xfey-MuiTypography-root"
+                  >
+                    GCContentPlugin
+                  </p>
+                </li>
+                <li
+                  class="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding css-ypie1g-MuiListItem-root"
+                >
+                  <svg
+                    aria-hidden="true"
+                    aria-label="This plugin was installed by an administrator, you cannot remove it."
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -595,7 +617,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -617,7 +639,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -639,7 +661,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -661,7 +683,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -683,7 +705,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -705,7 +727,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   <svg
                     aria-hidden="true"
                     aria-label="This plugin was installed by an administrator, you cannot remove it."
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-1qzgyfr-lockedPluginTooltip css-havevq-MuiSvgIcon-root"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1a34d00-MuiSvgIcon-root-lockedPluginTooltip"
                     data-mui-internal-clone-element="true"
                     data-testid="LockIcon"
                     focusable="false"
@@ -751,7 +773,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium tss-5xjg5v-expandIcon css-havevq-MuiSvgIcon-root"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-kbgf2m-MuiSvgIcon-root-expandIcon"
           data-testid="ExpandMoreIcon"
           focusable="false"
           viewBox="0 0 24 24"
@@ -777,13 +799,13 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
             role="region"
           >
             <div
-              class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root tss-s87f4t-card css-1v5z4dq-MuiPaper-root-MuiCard-root"
+              class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root css-kcmdom-MuiPaper-root-MuiCard-root-card"
             >
               <div
                 class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
               >
                 <div
-                  class="tss-yyi66y-dataField"
+                  class="css-yyi66y-dataField"
                 >
                   <h5
                     class="MuiTypography-root MuiTypography-h5 css-1ldbtdh-MuiTypography-root"
@@ -799,7 +821,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   </h5>
                 </div>
                 <div
-                  class="tss-yyi66y-dataField"
+                  class="css-yyi66y-dataField"
                 >
                   <svg
                     aria-hidden="true"
@@ -820,7 +842,7 @@ exports[`<PluginStoreWidget /> renders with the available plugins 1`] = `
                   </p>
                 </div>
                 <p
-                  class="MuiTypography-root MuiTypography-body1 tss-19fbf4i-bold css-k0xfey-MuiTypography-root"
+                  class="MuiTypography-root MuiTypography-body1 css-1w7qu8c-MuiTypography-root-bold"
                 >
                   Description:
                 </p>

package/src/__snapshots__/index.test.js.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Data management adds config editor widget 1`] = `Object {}`;
+exports[`Data management adds config editor widget 1`] = `{}`;
 
-exports[`Data management adds connection add widget 1`] = `Object {}`;
+exports[`Data management adds connection add widget 1`] = `{}`;
 
-exports[`Data management adds hierarchical track selector 1`] = `Object {}`;
+exports[`Data management adds hierarchical track selector 1`] = `{}`;
 
-exports[`Data management adds track add widget 1`] = `Object {}`;
+exports[`Data management adds track add widget 1`] = `{}`;