@jbrowse/core 2.15.0 → 2.15.2

package/BaseFeatureWidget/BaseFeatureDetail/util.js

@@ -14,7 +14,7 @@ function isEmpty(obj) {
     return Object.keys(obj).length === 0;
 }
 function generateTitle(name, id, type) {
-    return [(0, util_2.ellipses)(`${name}` || `${id}`), `${type}`]
+    return [(0, util_2.ellipses)(`${name || id || ''}`), `${type}`]
         .filter(f => !!f)
         .join(' - ');
 }

package/PluginManager.d.ts

@@ -219,7 +219,7 @@ export default class PluginManager {
         'mobx-react': typeof import("mobx-react");
         '@mui/x-data-grid': {
             useGridApiContext: typeof import("@mui/x-data-grid").useGridApiContext;
-            useGridApiRef: <Api extends import("@mui/x-data-grid").GridApiCommon = import("@mui/x-data-grid/internals").GridApiCommunity>() => import("react").MutableRefObject<Api>;
+            useGridApiRef: <Api extends import("@mui/x-data-grid").GridApiCommon = import("@mui/x-data-grid/internals").GridApiCommunity>() => React.MutableRefObject<Api>;
             useGridRootProps: () => import("@mui/x-data-grid/internals").DataGridProcessedProps;
         };
         '@mui/material/utils': typeof import("@mui/material/utils");

package/TextSearch/TextSearchManager.d.ts

@@ -12,7 +12,7 @@ export default class TextSearchManager {
     pluginManager: PluginManager;
     adapterCache: QuickLRU<string, BaseTextSearchAdapter>;
     constructor(pluginManager: PluginManager);
-    loadTextSearchAdapters(searchScope: SearchScope): BaseTextSearchAdapter[];
+    loadTextSearchAdapters(searchScope: SearchScope): Promise<BaseTextSearchAdapter[]>;
     relevantAdapters(searchScope: SearchScope): ({
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
@@ -30,8 +30,9 @@ export default class TextSearchManager {
     } & import("mobx-state-tree").IStateTreeNode<import("../configuration").AnyConfigurationSchemaType>)[];
     /**
      * Returns list of relevant results given a search query and options
-     * @param args - search options/arguments include: search query
-     * limit of results to return, searchType...prefix | full | exact", etc.
+     *
+     * @param args - search options/arguments include: search query limit of
+     * results to return, searchType...prefix | full | exact", etc.
      */
     search(args: BaseTextSearchArgs, searchScope: SearchScope, rankFn: (results: BaseResult[]) => BaseResult[]): Promise<BaseResult[]>;
     /**

package/TextSearch/TextSearchManager.js

@@ -13,26 +13,25 @@ class TextSearchManager {
         });
     }
     loadTextSearchAdapters(searchScope) {
-        const pm = this.pluginManager;
-        return this.relevantAdapters(searchScope).map(conf => {
+        return Promise.all(this.relevantAdapters(searchScope).map(async (conf) => {
             const adapterId = (0, configuration_1.readConfObject)(conf, 'textSearchAdapterId');
             const r = this.adapterCache.get(adapterId);
             if (r) {
                 return r;
             }
             else {
-                const { AdapterClass } = pm.getTextSearchAdapterType(conf.type);
-                const a = new AdapterClass(conf, undefined, pm);
-                this.adapterCache.set(adapterId, a);
-                return a;
+                const adapterType = this.pluginManager.getTextSearchAdapterType(conf.type);
+                const AdapterClass = await adapterType.getAdapterClass();
+                const adapterInstance = new AdapterClass(conf, undefined, this.pluginManager);
+                this.adapterCache.set(adapterId, adapterInstance);
+                return adapterInstance;
             }
-        });
+        }));
     }
     relevantAdapters(searchScope) {
-        var _a, _b;
-        const pm = this.pluginManager;
-        const { aggregateTextSearchAdapters } = (_a = pm.rootModel) === null || _a === void 0 ? void 0 : _a.jbrowse;
-        const { tracks } = (_b = pm.rootModel) === null || _b === void 0 ? void 0 : _b.session;
+        const rootModel = this.pluginManager.rootModel;
+        const { aggregateTextSearchAdapters } = rootModel === null || rootModel === void 0 ? void 0 : rootModel.jbrowse;
+        const { tracks } = rootModel === null || rootModel === void 0 ? void 0 : rootModel.session;
         const { assemblyName } = searchScope;
         return [
             ...this.getAdaptersWithAssembly(assemblyName, aggregateTextSearchAdapters),
@@ -56,11 +55,12 @@ class TextSearchManager {
     }
     /**
      * Returns list of relevant results given a search query and options
-     * @param args - search options/arguments include: search query
-     * limit of results to return, searchType...prefix | full | exact", etc.
+     *
+     * @param args - search options/arguments include: search query limit of
+     * results to return, searchType...prefix | full | exact", etc.
      */
     async search(args, searchScope, rankFn) {
-        const adapters = this.loadTextSearchAdapters(searchScope);
+        const adapters = await this.loadTextSearchAdapters(searchScope);
         const results = await Promise.all(adapters.map(a => a.searchIndex(args)));
         return this.sortResults(results.flat(), rankFn);
     }

package/assemblyManager/assembly.d.ts

@@ -28,14 +28,8 @@ export default function assemblyFactory(assemblyConfigType: IAnyType, pluginMana
     loadingP: Promise<void> | undefined;
     volatileRegions: BasicRegion[] | undefined;
     refNameAliases: RefNameAliases | undefined;
+    lowerCaseRefNameAliases: RefNameAliases | undefined;
     cytobands: Feature[] | undefined;
-} & {
-    /**
-     * #getter
-     */
-    readonly lowerCaseRefNameAliases: {
-        [k: string]: string;
-    } | undefined;
 } & {
     /**
      * #method
@@ -115,9 +109,10 @@ export default function assemblyFactory(assemblyConfigType: IAnyType, pluginMana
     /**
      * #action
      */
-    setLoaded({ regions, refNameAliases, cytobands, }: {
+    setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
         regions: Region[];
         refNameAliases: RefNameAliases;
+        lowerCaseRefNameAliases: RefNameAliases;
         cytobands: Feature[];
     }): void;
     /**
@@ -131,7 +126,7 @@ export default function assemblyFactory(assemblyConfigType: IAnyType, pluginMana
     /**
      * #action
      */
-    setRefNameAliases(aliases: RefNameAliases): void;
+    setRefNameAliases(aliases: RefNameAliases, lowerCaseAliases: RefNameAliases): void;
     /**
      * #action
      */

package/assemblyManager/assembly.js

@@ -102,20 +102,8 @@ function assemblyFactory(assemblyConfigType, pluginManager) {
         loadingP: undefined,
         volatileRegions: undefined,
         refNameAliases: undefined,
+        lowerCaseRefNameAliases: undefined,
         cytobands: undefined,
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get lowerCaseRefNameAliases() {
-            return self.refNameAliases
-                ? Object.fromEntries(Object.entries(self.refNameAliases).map(([key, val]) => [
-                    key.toLowerCase(),
-                    val,
-                ]))
-                : undefined;
-        },
     }))
         .views(self => ({
         /**
@@ -258,9 +246,9 @@ function assemblyFactory(assemblyConfigType, pluginManager) {
         /**
          * #action
          */
-        setLoaded({ regions, refNameAliases, cytobands, }) {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }) {
             this.setRegions(regions);
-            this.setRefNameAliases(refNameAliases);
+            this.setRefNameAliases(refNameAliases, lowerCaseRefNameAliases);
             this.setCytobands(cytobands);
         },
         /**
@@ -278,8 +266,9 @@ function assemblyFactory(assemblyConfigType, pluginManager) {
         /**
          * #action
          */
-        setRefNameAliases(aliases) {
+        setRefNameAliases(aliases, lowerCaseAliases) {
             self.refNameAliases = aliases;
+            self.lowerCaseRefNameAliases = lowerCaseAliases;
         },
         /**
          * #action
@@ -347,12 +336,17 @@ function assemblyFactory(assemblyConfigType, pluginManager) {
                 // mapping for the primary region to be an alias
                 refNameAliases[_c = region.refName] || (refNameAliases[_c] = region.refName);
             }
+            const lowerCaseRefNameAliases = Object.fromEntries(Object.entries(refNameAliases).map(([key, val]) => [
+                key.toLowerCase(),
+                val,
+            ]));
             this.setLoaded({
                 refNameAliases,
                 regions: adapterRegionsWithAssembly.map(r => ({
                     ...r,
                     refName: refNameAliases[r.refName] || r.refName,
                 })),
+                lowerCaseRefNameAliases,
                 cytobands: await getCytobands({
                     config: cytobandAdapterConf,
                     pluginManager,

package/assemblyManager/assemblyManager.d.ts

@@ -23,11 +23,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -50,17 +49,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -91,11 +95,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -118,17 +121,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -157,11 +165,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -184,17 +191,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -228,11 +240,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -255,17 +266,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -294,11 +310,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -321,17 +336,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -378,11 +398,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -405,17 +424,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;
@@ -444,11 +468,10 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         refNameAliases: {
             [x: string]: string;
         } | undefined;
-        cytobands: import("../util").Feature[] | undefined;
-    } & {
-        readonly lowerCaseRefNameAliases: {
-            [k: string]: string;
+        lowerCaseRefNameAliases: {
+            [x: string]: string;
         } | undefined;
+        cytobands: import("../util").Feature[] | undefined;
     } & {
         getConf(arg: string): any;
     } & {
@@ -471,17 +494,22 @@ declare function assemblyManagerFactory(conf: IAnyType, pm: PluginManager): impo
         getRefNameColor(refName: string): string | undefined;
         isValidRefName(refName: string): boolean;
     } & {
-        setLoaded({ regions, refNameAliases, cytobands, }: {
+        setLoaded({ regions, refNameAliases, lowerCaseRefNameAliases, cytobands, }: {
             regions: import("../util").Region[];
             refNameAliases: {
                 [x: string]: string;
             };
+            lowerCaseRefNameAliases: {
+                [x: string]: string;
+            };
             cytobands: import("../util").Feature[];
         }): void;
         setError(e: unknown): void;
         setRegions(regions: import("../util").Region[]): void;
         setRefNameAliases(aliases: {
             [x: string]: string;
+        }, lowerCaseAliases: {
+            [x: string]: string;
         }): void;
         setCytobands(cytobands: import("../util").Feature[]): void;
         setLoadingP(p?: Promise<void>): void;

package/data_adapters/dataAdapterCache.js

@@ -40,12 +40,7 @@ async function getAdapter(pluginManager, sessionId, adapterConfigSnapshot) {
         // callbacks, etc
         const adapterConfig = dataAdapterType.configSchema.create(adapterConfigSnapshot, { pluginManager });
         const getSubAdapter = getAdapter.bind(null, pluginManager, sessionId);
-        // instantiate the adapter itself with its config schema, and a bound
-        // func that it can use to get any inner adapters
-        // (such as sequence adapters or wrapped subadapters) that it needs
-        //
-        const { AdapterClass, getAdapterClass } = dataAdapterType;
-        const CLASS = AdapterClass || (await getAdapterClass());
+        const CLASS = await dataAdapterType.getAdapterClass();
         const dataAdapter = new CLASS(adapterConfig, getSubAdapter, pluginManager);
         // store it in our cache
         adapterCache[cacheKey] = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/core",
-  "version": "2.15.0",
+  "version": "2.15.2",
   "description": "JBrowse 2 core libraries used by plugins",
   "keywords": [
     "jbrowse",
@@ -73,5 +73,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "87eeb1fbf8311dbf88d5e75b5a265f03beffdda8"
+  "gitHead": "8a58cefbfe39af4c97bcb6ead354d72c9fef9224"
 }

package/pluggableElementTypes/AdapterType.d.ts

@@ -7,7 +7,6 @@ export interface AdapterMetadata {
     description?: string;
 }
 export default class AdapterType extends PluggableElementBase {
-    AdapterClass?: AnyAdapter;
     getAdapterClass: () => Promise<AnyAdapter>;
     configSchema: AnyConfigurationSchemaType;
     adapterCapabilities: string[];

package/pluggableElementTypes/AdapterType.js

@@ -7,16 +7,10 @@ const PluggableElementBase_1 = __importDefault(require("./PluggableElementBase")
 class AdapterType extends PluggableElementBase_1.default {
     constructor(stuff) {
         super(stuff);
-        if ('AdapterClass' in stuff) {
-            this.AdapterClass = stuff.AdapterClass;
-            this.getAdapterClass = async () => stuff.AdapterClass;
-        }
-        else if ('getAdapterClass' in stuff) {
-            this.getAdapterClass = stuff.getAdapterClass;
-        }
-        else {
-            throw new Error(`no AdapterClass or getAdapterClass is defined for adapter type ${this.name}`);
-        }
+        this.getAdapterClass =
+            'AdapterClass' in stuff
+                ? async () => stuff.AdapterClass
+                : stuff.getAdapterClass;
         this.configSchema = stuff.configSchema;
         this.adapterCapabilities = stuff.adapterCapabilities || [];
         this.adapterMetadata = stuff.adapterMetadata;

package/pluggableElementTypes/DisplayType.d.ts

@@ -10,7 +10,10 @@ export default class DisplayType extends PluggableElementBase {
      * The track type the display is associated with
      */
     trackType: string;
-    subDisplay?: unknown;
+    subDisplay?: {
+        type: string;
+        [key: string]: unknown;
+    };
     /**
      * The view type the display is associated with
      */
@@ -21,7 +24,10 @@ export default class DisplayType extends PluggableElementBase {
         trackType: string;
         viewType: string;
         displayName?: string;
-        subDisplay?: unknown;
+        subDisplay?: {
+            type: string;
+            [key: string]: unknown;
+        };
         configSchema: AnyConfigurationSchemaType;
         ReactComponent: AnyReactComponentType;
     });

package/pluggableElementTypes/TextSearchAdapterType.d.ts

@@ -2,7 +2,7 @@ import PluggableElementBase from './PluggableElementBase';
 import { AnyConfigurationSchemaType } from '../configuration';
 import { AnyAdapter } from '../data_adapters/BaseAdapter';
 export default class TextSearchAdapterType extends PluggableElementBase {
-    AdapterClass: AnyAdapter;
+    getAdapterClass: () => Promise<AnyAdapter>;
     configSchema: AnyConfigurationSchemaType;
     description?: string;
     constructor(stuff: {
@@ -10,6 +10,9 @@ export default class TextSearchAdapterType extends PluggableElementBase {
         displayName?: string;
         description?: string;
         configSchema: AnyConfigurationSchemaType;
+    } & ({
         AdapterClass: AnyAdapter;
-    });
+    } | {
+        getAdapterClass: () => Promise<AnyAdapter>;
+    }));
 }

package/pluggableElementTypes/TextSearchAdapterType.js

@@ -9,7 +9,10 @@ class TextSearchAdapterType extends PluggableElementBase_1.default {
         super(stuff);
         this.description = stuff.description;
         this.configSchema = stuff.configSchema;
-        this.AdapterClass = stuff.AdapterClass;
+        this.getAdapterClass =
+            'getAdapterClass' in stuff
+                ? stuff.getAdapterClass
+                : async () => stuff.AdapterClass;
     }
 }
 exports.default = TextSearchAdapterType;

package/pluggableElementTypes/models/BaseTrackModel.d.ts

@@ -79,6 +79,7 @@ export declare function createBaseTrackModel(pm: PluginManager, trackType: strin
     trackMenuItems(): (import("../../ui").MenuDivider | import("../../ui").MenuSubHeader | import("../../ui").NormalMenuItem | import("../../ui").CheckboxMenuItem | import("../../ui").RadioMenuItem | import("../../ui").SubMenuItem | {
         type: string;
         label: string;
+        priority: number;
         subMenu: {
             type: string;
             label: string;

package/pluggableElementTypes/models/BaseTrackModel.js

@@ -172,6 +172,7 @@ function createBaseTrackModel(pm, trackType, baseTrackConfig) {
                         {
                             type: 'subMenu',
                             label: 'Display types',
+                            priority: -1000,
                             subMenu: compatDisp.map(d => ({
                                 type: 'radio',
                                 label: pm.getDisplayType(d.type).displayName,