@jbrowse/plugin-linear-genome-view 2.11.0 → 2.11.2

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -8,7 +8,6 @@ const react_1 = __importDefault(require("react"));
 const mui_1 = require("tss-react/mui");
 const util_1 = require("@jbrowse/core/util");
 const mobx_react_1 = require("mobx-react");
-const blockTypes_1 = require("@jbrowse/core/util/blockTypes");
 const Block_1 = require("./Block");
 const useStyles = (0, mui_1.makeStyles)()({
     linearBlocks: {
@@ -35,9 +34,10 @@ const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { blockDefinitions, blockState } = model;
     return (react_1.default.createElement(react_1.default.Fragment, null, blockDefinitions.map(block => {
-        if (block instanceof blockTypes_1.ContentBlock) {
+        const key = `${model.id}-${block.key}`;
+        if (block.type === 'ContentBlock') {
             const state = blockState.get(block.key);
-            return (react_1.default.createElement(Block_1.ContentBlock, { block: block, key: `${model.id}-${block.key}` },
+            return (react_1.default.createElement(Block_1.ContentBlock, { block: block, key: key },
                 (state === null || state === void 0 ? void 0 : state.ReactComponent) ? (react_1.default.createElement(state.ReactComponent, { model: state })) : null,
                 (state === null || state === void 0 ? void 0 : state.maxHeightReached) ? (react_1.default.createElement("div", { className: classes.heightOverflowed, style: {
                         top: state.layout.getTotalHeight() - 16,
@@ -45,11 +45,11 @@ const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
                         height: 16,
                     } }, "Max height reached")) : null));
         }
-        if (block instanceof blockTypes_1.ElidedBlock) {
-            return (react_1.default.createElement(Block_1.ElidedBlock, { key: `${model.id}-${block.key}`, width: block.widthPx }));
+        else if (block.type === 'ElidedBlock') {
+            return react_1.default.createElement(Block_1.ElidedBlock, { key: key, width: block.widthPx });
         }
-        if (block instanceof blockTypes_1.InterRegionPaddingBlock) {
-            return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
+        else if (block.type === 'InterRegionPaddingBlock') {
+            return (react_1.default.createElement(Block_1.InterRegionPaddingBlock, { key: key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
         }
         throw new Error(`invalid block type ${JSON.stringify(block)}`);
     })));

package/dist/BaseLinearDisplay/components/Tooltip.js

@@ -40,6 +40,7 @@ const Tooltip = (0, mobx_react_1.observer)(function ({ model, clientMouseCoord,
     const y = clientMouseCoord[1];
     const { refs, floatingStyles, context } = (0, react_2.useFloating)({
         placement: 'right',
+        strategy: 'fixed',
     });
     const clientPoint = (0, react_2.useClientPoint)(context, { x, y });
     const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -110,6 +110,11 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
             defaultValue: string;
             contextVariable: string[];
         };
+        jexlFilters: {
+            type: string;
+            description: string;
+            defaultValue: never[];
+        };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 }, {
     rendererTypeName: string;
@@ -200,7 +205,9 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
-    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features"; /**
+     * #action
+     */
     regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): React.JSX.Element | null;
 } & {
     featureIdUnderMouse: string | undefined;
@@ -273,6 +280,10 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
      * #action
      */
     selectFeature(feature: Feature): void;
+    /**
+     * #action
+     */
+    navToFeature(feature: Feature): void;
     /**
      * #action
      */
@@ -401,6 +412,11 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
             defaultValue: string;
             contextVariable: string[];
         };
+        jexlFilters: {
+            type: string;
+            description: string;
+            defaultValue: never[];
+        };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 }>>, {
     type: string;

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js

@@ -36,6 +36,7 @@ const mobx_1 = require("mobx");
 const mobx_state_tree_1 = require("mobx-state-tree");
 // icons
 const MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
+const CenterFocusStrong_1 = __importDefault(require("@mui/icons-material/CenterFocusStrong"));
 const BaseLinearDisplay_1 = require("../components/BaseLinearDisplay");
 const serverSideRenderedBlock_1 = __importDefault(require("./serverSideRenderedBlock"));
 const configSchema_1 = __importDefault(require("./configSchema"));
@@ -211,6 +212,17 @@ function stateModelFactory() {
                 session.setSelection(feature);
             }
         },
+        /**
+         * #action
+         */
+        navToFeature(feature) {
+            const view = (0, util_1.getContainingView)(self);
+            view.navTo({
+                refName: feature.get('refName'),
+                start: feature.get('start'),
+                end: feature.get('end'),
+            });
+        },
         /**
          * #action
          */
@@ -268,6 +280,15 @@ function stateModelFactory() {
                                 }
                             },
                         },
+                        {
+                            label: 'Zoom to feature',
+                            icon: CenterFocusStrong_1.default,
+                            onClick: () => {
+                                if (self.contextMenuFeature) {
+                                    self.navToFeature(self.contextMenuFeature);
+                                }
+                            },
+                        },
                     ]
                     : []),
             ];

package/dist/BaseLinearDisplay/models/configSchema.d.ts

@@ -32,5 +32,15 @@ declare const baseLinearDisplayConfigSchema: import("@jbrowse/core/configuration
         defaultValue: string;
         contextVariable: string[];
     };
+    /**
+     * #slot
+     * config jexlFilters are deferred evaluated so they are prepended with
+     * jexl at runtime rather than being stored with jexl in the config
+     */
+    jexlFilters: {
+        type: string;
+        description: string;
+        defaultValue: never[];
+    };
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 export default baseLinearDisplayConfigSchema;

package/dist/BaseLinearDisplay/models/configSchema.js

@@ -4,9 +4,11 @@ const configuration_1 = require("@jbrowse/core/configuration");
 /**
  * #config BaseLinearDisplay
  * #category display
- * `BaseLinearDisplay` is a "base" config that is extended by classes like
- * `LinearBasicDisplay` (used for feature tracks, etc) and `LinearBareDisplay`
- * (more stripped down than even the basic display, not commonly used)
+ *
+ * `BaseLinearDisplay` is a "base" config that is extended by other configs including
+ * - `LinearBasicDisplay` (used for feature tracks, etc)
+ * - `LinearBareDisplay` (more stripped down than even the basic display, not
+ *   commonly used)
  */
 function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
 const baseLinearDisplayConfigSchema = (0, configuration_1.ConfigurationSchema)('BaseLinearDisplay', {
@@ -43,6 +45,16 @@ const baseLinearDisplayConfigSchema = (0, configuration_1.ConfigurationSchema)('
         defaultValue: `jexl:get(feature,'name')`,
         contextVariable: ['feature'],
     },
+    /**
+     * #slot
+     * config jexlFilters are deferred evaluated so they are prepended with
+     * jexl at runtime rather than being stored with jexl in the config
+     */
+    jexlFilters: {
+        type: 'stringArray',
+        description: 'default set of jexl filters to apply to a track. note: these do not use the jexl prefix because they have a deferred evaluation system',
+        defaultValue: [],
+    },
 }, {
     /**
      * #identifier

package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js

@@ -102,6 +102,7 @@ const blockState = mobx_state_tree_1.types
             renderInProgress = undefined;
         },
         setError(error) {
+            console.error(error);
             if (renderInProgress && !renderInProgress.signal.aborted) {
                 renderInProgress.abort();
             }

package/dist/BasicTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;
+export default function BasicTrackF(pm: PluginManager): void;

package/dist/BasicTrack/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pm) => {
+function BasicTrackF(pm) {
     pm.addTrackType(() => {
         const configSchema = (0, configSchema_1.default)(pm);
         return new pluggableElementTypes_1.TrackType({
@@ -14,4 +14,5 @@ exports.default = (pm) => {
             stateModel: (0, pluggableElementTypes_1.createBaseTrackModel)(pm, 'BasicTrack', configSchema),
         });
     });
-};
+}
+exports.default = BasicTrackF;

package/dist/FeatureTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;
+export default function FeatureTrackF(pm: PluginManager): void;

package/dist/FeatureTrack/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pm) => {
+function FeatureTrackF(pm) {
     pm.addTrackType(() => {
         const configSchema = (0, configSchema_1.default)(pm);
         return new pluggableElementTypes_1.TrackType({
@@ -15,4 +15,5 @@ exports.default = (pm) => {
             stateModel: (0, pluggableElementTypes_1.createBaseTrackModel)(pm, 'FeatureTrack', configSchema),
         });
     });
-};
+}
+exports.default = FeatureTrackF;

package/dist/LaunchLinearGenomeView/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LaunchLinearGenomeViewF(pluginManager: PluginManager): void;

package/dist/LaunchLinearGenomeView/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
 const searchUtils_1 = require("../searchUtils");
-exports.default = (pluginManager) => {
+function LaunchLinearGenomeViewF(pluginManager) {
     pluginManager.addToExtensionPoint('LaunchView-LinearGenomeView', 
     // @ts-expect-error
     async ({ session, assembly, loc, tracks = [], tracklist, nav, highlight, }) => {
@@ -51,7 +51,8 @@ exports.default = (pluginManager) => {
             throw e;
         }
     });
-};
+}
+exports.default = LaunchLinearGenomeViewF;
 function tryTrack(model, trackId, idsNotFound) {
     try {
         model.showTrack(trackId);

package/dist/LinearBareDisplay/configSchema.d.ts

@@ -30,5 +30,10 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
         defaultValue: string;
         contextVariable: string[];
     };
+    jexlFilters: {
+        type: string;
+        description: string;
+        defaultValue: never[];
+    };
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>;
 export { configSchemaFactory };

package/dist/LinearBareDisplay/index.d.ts

@@ -1,5 +1,4 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearBareDisplayF(pluginManager: PluginManager): void;
 export { configSchemaFactory } from './configSchema';
 export { stateModelFactory } from './model';

package/dist/LinearBareDisplay/index.js

@@ -6,7 +6,7 @@ const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const configSchema_1 = require("./configSchema");
 const model_1 = require("./model");
 const BaseLinearDisplay_1 = require("../BaseLinearDisplay/");
-exports.default = (pluginManager) => {
+function LinearBareDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchema_1.configSchemaFactory)(pluginManager);
         return new pluggableElementTypes_1.DisplayType({
@@ -19,7 +19,8 @@ exports.default = (pluginManager) => {
             ReactComponent: BaseLinearDisplay_1.BaseLinearDisplayComponent,
         });
     });
-};
+}
+exports.default = LinearBareDisplayF;
 var configSchema_2 = require("./configSchema");
 Object.defineProperty(exports, "configSchemaFactory", { enumerable: true, get: function () { return configSchema_2.configSchemaFactory; } });
 var model_2 = require("./model");

package/dist/LinearBareDisplay/model.d.ts

@@ -77,7 +77,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
         fetchSizeLimit: {
             type: string;
-            defaultValue: number;
+            defaultValue: number; /**
+             * #method
+             */
             description: string;
         };
         height: {
@@ -91,6 +93,11 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             defaultValue: string;
             contextVariable: string[];
         };
+        jexlFilters: {
+            type: string;
+            description: string;
+            defaultValue: never[];
+        };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
     /**
@@ -215,6 +222,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    navToFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string | undefined): void;
     setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
@@ -309,7 +317,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
         fetchSizeLimit: {
             type: string;
-            defaultValue: number;
+            defaultValue: number; /**
+             * #method
+             */
             description: string;
         };
         height: {
@@ -323,6 +333,11 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             defaultValue: string;
             contextVariable: string[];
         };
+        jexlFilters: {
+            type: string;
+            description: string;
+            defaultValue: never[];
+        };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 }>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
     type: string;

package/dist/LinearBasicDisplay/components/AddFiltersDialog.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const AddFiltersDialog: ({ model, handleClose, }: {
+    model: {
+        jexlFilters?: string[];
+        activeFilters: string[];
+        setJexlFilters: (arg?: string[]) => void;
+    };
+    handleClose: () => void;
+}) => React.JSX.Element;
+export default AddFiltersDialog;

package/dist/LinearBasicDisplay/components/AddFiltersDialog.js

@@ -0,0 +1,94 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const mobx_react_1 = require("mobx-react");
+const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const jexlStrings_1 = require("@jbrowse/core/util/jexlStrings");
+const useStyles = (0, mui_1.makeStyles)()({
+    dialogContent: {
+        width: '80em',
+    },
+    textAreaFont: {
+        fontFamily: 'Courier New',
+    },
+    error: {
+        color: 'red',
+        fontSize: '0.8em',
+    },
+});
+function checkJexl(code) {
+    (0, jexlStrings_1.stringToJexlExpression)(code);
+}
+const AddFiltersDialog = (0, mobx_react_1.observer)(function ({ model, handleClose, }) {
+    const { classes } = useStyles();
+    const { activeFilters } = model;
+    const [data, setData] = (0, react_1.useState)(activeFilters.join('\n'));
+    const [error, setError] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        try {
+            data
+                .split('\n')
+                .map(line => line.trim())
+                .filter(line => !!line)
+                .map(line => checkJexl(line.trim()));
+            setError(undefined);
+        }
+        catch (e) {
+            console.error(e);
+            setError(e);
+        }
+    }, [data]);
+    return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Add track filters" },
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement("div", null,
+                "Add filters, in jexl format, one per line, starting with the string jexl:. Examples:",
+                ' ',
+                react_1.default.createElement("ul", null,
+                    react_1.default.createElement("li", null,
+                        react_1.default.createElement("code", null, "jexl:get(feature,'name')=='BRCA1'"),
+                        " - show only feature where the name attribute is BRCA1"),
+                    react_1.default.createElement("li", null,
+                        react_1.default.createElement("code", null, "jexl:get(feature,'type')=='gene'"),
+                        " - show only gene type features in a GFF that has many other feature types"),
+                    react_1.default.createElement("li", null,
+                        react_1.default.createElement("code", null, "jexl:get(feature,'score') > 400"),
+                        " - show only features that have a score greater than 400"))),
+            error ? react_1.default.createElement("p", { className: classes.error }, `${error}`) : null,
+            react_1.default.createElement(material_1.TextField, { variant: "outlined", multiline: true, minRows: 5, maxRows: 10, className: classes.dialogContent, fullWidth: true, value: data, onChange: event => setData(event.target.value), InputProps: {
+                    classes: {
+                        input: classes.textAreaFont,
+                    },
+                } })),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, disabled: !!error, onClick: () => {
+                    model.setJexlFilters(data.split('\n'));
+                    handleClose();
+                } }, "Submit"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"))));
+});
+exports.default = AddFiltersDialog;

package/dist/LinearBasicDisplay/components/{SetMaxHeight.js → SetMaxHeightDialog.js}

@@ -40,12 +40,12 @@ const SetMaxHeightDialog = (0, mobx_react_1.observer)(function ({ model, handleC
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set max height" },
         react_1.default.createElement(material_1.DialogContent, { className: classes.root },
             react_1.default.createElement(material_1.Typography, null, "Set max height for the track. For example, you can increase this if the layout says \"Max height reached\""),
-            react_1.default.createElement(material_1.TextField, { value: max, onChange: event => setMax(event.target.value), placeholder: "Enter max score" }),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
-                        model.setMaxHeight(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-                        handleClose();
-                    } }, "Submit"),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel")))));
+            react_1.default.createElement(material_1.TextField, { value: max, onChange: event => setMax(event.target.value), placeholder: "Enter max score" })),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", autoFocus: true, onClick: () => {
+                    model.setMaxHeight(max !== '' && !Number.isNaN(+max) ? +max : undefined);
+                    handleClose();
+                } }, "Submit"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"))));
 });
 exports.default = SetMaxHeightDialog;

package/dist/LinearBasicDisplay/configSchema.d.ts

@@ -30,5 +30,10 @@ declare function configSchemaFactory(pluginManager: PluginManager): import("@jbr
         defaultValue: string;
         contextVariable: string[];
     };
+    jexlFilters: {
+        type: string;
+        description: string;
+        defaultValue: never[];
+    };
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>;
 export default configSchemaFactory;

package/dist/LinearBasicDisplay/index.d.ts

@@ -1,5 +1,4 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => void;
-export default _default;
+export default function LinearBasicDisplay(pluginManager: PluginManager): void;
 export { default as modelFactory } from './model';
 export { default as configSchema } from './configSchema';

package/dist/LinearBasicDisplay/index.js

@@ -9,7 +9,7 @@ const BaseLinearDisplay_1 = require("../BaseLinearDisplay");
 // locals
 const configSchema_1 = __importDefault(require("./configSchema"));
 const model_1 = __importDefault(require("./model"));
-exports.default = (pluginManager) => {
+function LinearBasicDisplay(pluginManager) {
     pluginManager.addDisplayType(() => {
         const config = (0, configSchema_1.default)(pluginManager);
         return new pluggableElementTypes_1.DisplayType({
@@ -22,7 +22,8 @@ exports.default = (pluginManager) => {
             ReactComponent: BaseLinearDisplay_1.BaseLinearDisplayComponent,
         });
     });
-};
+}
+exports.default = LinearBasicDisplay;
 var model_2 = require("./model");
 Object.defineProperty(exports, "modelFactory", { enumerable: true, get: function () { return __importDefault(model_2).default; } });
 var configSchema_2 = require("./configSchema");