@jbrowse/core 3.7.0 → 4.0.1

package/BaseFeatureWidget/BaseFeatureDetail/BaseAttributes.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BaseAttributes;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Attributes_1 = __importDefault(require("./Attributes"));
-const BaseCard_1 = __importDefault(require("./BaseCard"));
-function BaseAttributes(props) {
-    const { title = 'Attributes', feature } = props;
-    return ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { ...props, title: title, children: (0, jsx_runtime_1.jsx)(Attributes_1.default, { ...props, attributes: feature }) }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/BaseCard.d.ts

@@ -1,2 +0,0 @@
-import type { BaseCardProps } from '../types';
-export default function BaseCard({ children, title, defaultExpanded, }: BaseCardProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/BaseCard.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BaseCard;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    expansionPanelDetails: {
-        display: 'block',
-        padding: theme.spacing(1),
-    },
-    icon: {
-        color: theme.palette.tertiary.contrastText || '#fff',
-    },
-}));
-function BaseCard({ children, title, defaultExpanded = true, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: defaultExpanded, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.icon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "button", children: title }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { className: classes.expansionPanelDetails, children: children })] }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/BaseCoreDetails.d.ts

@@ -1,2 +0,0 @@
-import type { BaseProps } from '../types';
-export default function BaseCoreDetails(props: BaseProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/BaseCoreDetails.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BaseCoreDetails;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseCard_1 = __importDefault(require("./BaseCard"));
-const CoreDetails_1 = __importDefault(require("./CoreDetails"));
-function BaseCoreDetails(props) {
-    const { title = 'Primary data' } = props;
-    return ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { ...props, title: title, children: (0, jsx_runtime_1.jsx)(CoreDetails_1.default, { ...props }) }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/BasicValue.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BasicValue;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const ui_1 = require("../../ui");
-const util_1 = require("../../util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    fieldValue: {
-        wordBreak: 'break-word',
-        maxHeight: 300,
-        fontSize: 12,
-        padding: theme.spacing(0.5),
-        overflow: 'auto',
-    },
-}));
-function BasicValue({ value }) {
-    const { classes } = useStyles();
-    const isLink = /^https?:\/\//.exec(`${value}`);
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldValue, children: (0, react_1.isValidElement)(value) ? (value) : isLink ? ((0, jsx_runtime_1.jsx)(material_1.Link, { href: `${value}`, children: `${value}` })) : ((0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.isObject)(value) ? JSON.stringify(value) : String(value) })) }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/CoreDetails.d.ts

@@ -1,2 +0,0 @@
-import type { BaseProps } from '../types';
-export default function CoreDetails(props: BaseProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/CoreDetails.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CoreDetails;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Position_1 = __importDefault(require("./Position"));
-const SimpleField_1 = __importDefault(require("./SimpleField"));
-const util_1 = require("../../util");
-function CoreDetails(props) {
-    const { feature } = props;
-    const obj = feature;
-    const formattedFeat = { ...obj, ...obj.__jbrowsefmt };
-    const { start, end } = formattedFeat;
-    const displayedDetails = {
-        ...formattedFeat,
-        length: (0, util_1.toLocale)(end - start),
-    };
-    const coreRenderedDetails = {
-        description: 'Description',
-        name: 'Name',
-        length: 'Length',
-        type: 'Type',
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: "Position", value: (0, jsx_runtime_1.jsx)(Position_1.default, { ...props, feature: formattedFeat }) }), Object.entries(coreRenderedDetails)
-                .map(([key, name]) => [name, displayedDetails[key]])
-                .filter(([, value]) => value != null)
-                .map(([name, value]) => ((0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: name, value: Array.isArray(value) ? value.join(', ') : value }, name)))] }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/DataGridDetails.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DataGridDetails;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const x_data_grid_1 = require("@mui/x-data-grid");
-const mui_1 = require("tss-react/mui");
-const FieldName_1 = __importDefault(require("./FieldName"));
-const ui_1 = require("../../ui");
-const DataGridFlexContainer_1 = __importDefault(require("../../ui/DataGridFlexContainer"));
-const util_1 = require("../../util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    margin: {
-        marginBottom: theme.spacing(4),
-    },
-    cell: {
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-}));
-function DataGridDetails({ value, prefix, name, }) {
-    const { classes } = useStyles();
-    const [checked, setChecked] = (0, react_1.useState)(false);
-    const keys = Object.keys(value[0]).sort();
-    const unionKeys = new Set(keys);
-    const rows = Object.entries(value).map(([k, val]) => {
-        const { id, ...rest } = val;
-        return {
-            id: k,
-            identifier: id,
-            ...rest,
-        };
-    });
-    for (const val of value) {
-        for (const k of Object.keys(val)) {
-            unionKeys.add(k);
-        }
-    }
-    let colNames;
-    if (unionKeys.has('id')) {
-        unionKeys.delete('id');
-        colNames = ['identifier', ...unionKeys];
-    }
-    else {
-        colNames = [...unionKeys];
-    }
-    const widths = colNames.map(e => (0, util_1.measureGridWidth)(rows.map(r => r[e])));
-    if (unionKeys.size < keys.length + 5) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.margin, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, name: name }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: event => {
-                            setChecked(event.target.checked);
-                        } }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "Show options" }) }), (0, jsx_runtime_1.jsx)(DataGridFlexContainer_1.default, { children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { disableRowSelectionOnClick: true, rows: rows, rowHeight: 20, columnHeaderHeight: 35, hideFooter: rows.length < 25, showToolbar: checked, columns: colNames.map((val, index) => ({
-                            field: val,
-                            width: widths[index],
-                            renderCell: ({ value }) => ((0, jsx_runtime_1.jsx)("div", { className: classes.cell, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value || '') }) })),
-                        })) }) })] }));
-    }
-    return null;
-}

package/BaseFeatureWidget/BaseFeatureDetail/FeatureDetails.d.ts

@@ -1,11 +0,0 @@
-import type { SimpleFeatureSerialized } from '../../util';
-import type { Descriptors } from '../types';
-import type { IAnyStateTreeNode } from 'mobx-state-tree';
-export default function FeatureDetails(props: {
-    model: IAnyStateTreeNode;
-    feature: SimpleFeatureSerialized;
-    depth?: number;
-    omit?: string[];
-    descriptions?: Descriptors;
-    formatter?: (val: unknown, key: string) => React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/FeatureDetails.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FeatureDetails;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
-const material_1 = require("@mui/material");
-const util_1 = require("./util");
-const SequenceFeatureDetails_1 = __importDefault(require("../SequenceFeatureDetails"));
-const Attributes_1 = __importDefault(require("./Attributes"));
-const BaseCard_1 = __importDefault(require("./BaseCard"));
-const CoreDetails_1 = __importDefault(require("./CoreDetails"));
-const ui_1 = require("../../ui");
-const util_2 = require("../../util");
-const coreDetails = [
-    'name',
-    'start',
-    'end',
-    'strand',
-    'refName',
-    'description',
-    'type',
-];
-function FeatureDetails(props) {
-    const { omit = [], model, feature, depth = 0 } = props;
-    const { maxDepth } = model;
-    const { mate, name = '', id = '', type = '', subfeatures, uniqueId } = feature;
-    const pm = (0, util_2.getEnv)(model).pluginManager;
-    const session = (0, util_2.getSession)(model);
-    const ExtraPanel = pm.evaluateExtensionPoint('Core-extraFeaturePanel', null, {
-        session,
-        feature,
-        model,
-    });
-    const m = mate;
-    return ((0, jsx_runtime_1.jsxs)(BaseCard_1.default, { title: (0, util_1.generateTitle)(name, id, type), children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Core details" }), (0, jsx_runtime_1.jsx)(CoreDetails_1.default, { ...props }), m ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Mate details" }), (0, jsx_runtime_1.jsx)(CoreDetails_1.default, { ...props, feature: {
-                            ...m,
-                            start: m.start,
-                            end: m.end,
-                            refName: m.refName,
-                            uniqueId: `${uniqueId}-mate`,
-                        } })] })) : null, (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Attributes" }), (0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: feature, ...props, omit: omit, omitSingleLevel: coreDetails }), (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: e => (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: e.error }), children: (0, jsx_runtime_1.jsx)(SequenceFeatureDetails_1.default, { ...props }) }), ExtraPanel ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: ExtraPanel.name, children: (0, jsx_runtime_1.jsx)(ExtraPanel.Component, { ...props }) })] })) : null, depth < maxDepth && (subfeatures === null || subfeatures === void 0 ? void 0 : subfeatures.length) ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: "Subfeatures", defaultExpanded: depth < 1, children: subfeatures.map((sub, idx) => ((0, jsx_runtime_1.jsx)(FeatureDetails, { feature: {
-                        ...sub,
-                        uniqueId: `${uniqueId}_${idx}`,
-                    }, model: model, depth: depth + 1 }, JSON.stringify(sub)))) })) : null] }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/FieldName.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FieldName;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    fieldDescription: {
-        '&:hover': {
-            background: theme.palette.mode === 'dark' ? '#e65100' : 'yellow',
-        },
-    },
-    fieldName: {
-        wordBreak: 'break-all',
-        minWidth: 90,
-        borderBottom: '1px solid #0003',
-        fontSize: 12,
-        background: theme.palette.action.disabledBackground,
-        marginRight: theme.spacing(1),
-        padding: theme.spacing(0.5),
-    },
-}));
-function FieldName({ description, name, width, prefix = [], }) {
-    const { classes, cx } = useStyles();
-    const val = [...prefix, name].join('.');
-    return description ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: description, placement: "left", children: (0, jsx_runtime_1.jsx)("div", { className: cx(classes.fieldDescription, classes.fieldName), children: val }) })) : ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldName, style: { width: width }, children: val }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/Position.d.ts

@@ -1,2 +0,0 @@
-import type { BaseProps } from '../types';
-export default function Position(props: BaseProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/Position.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Position;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("../../util");
-function Position(props) {
-    const { feature } = props;
-    const strand = feature.strand;
-    const strandMap = {
-        '-1': '-',
-        '0': '',
-        '1': '+',
-    };
-    const str = strandMap[strand] ? `(${strandMap[strand]})` : '';
-    const loc = (0, util_1.assembleLocString)(feature);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: `${loc} ${str}` });
-}

package/BaseFeatureWidget/BaseFeatureDetail/SimpleField.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SimpleField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mui_1 = require("tss-react/mui");
-const BasicValue_1 = __importDefault(require("./BasicValue"));
-const FieldName_1 = __importDefault(require("./FieldName"));
-const useStyles = (0, mui_1.makeStyles)()({
-    field: {
-        display: 'flex',
-        flexWrap: 'wrap',
-    },
-});
-function SimpleField({ name, value, description, prefix, width, formatter, }) {
-    const { classes } = useStyles();
-    return value != null ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name, width: width }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: formatter ? formatter(value, name) : value })] })) : null;
-}

package/BaseFeatureWidget/BaseFeatureDetail/UriField.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = UriField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mui_1 = require("tss-react/mui");
-const BasicValue_1 = __importDefault(require("./BasicValue"));
-const FieldName_1 = __importDefault(require("./FieldName"));
-const useStyles = (0, mui_1.makeStyles)()({
-    field: {
-        display: 'flex',
-        flexWrap: 'wrap',
-    },
-});
-function UriField({ value, prefix, name, }) {
-    const { classes } = useStyles();
-    const { uri, baseUri = '' } = value;
-    let href;
-    try {
-        href = new URL(uri, baseUri).href;
-    }
-    catch (e) {
-        href = uri;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, name: name }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: href })] }));
-}

package/BaseFeatureWidget/BaseFeatureDetail/index.d.ts

@@ -1,7 +0,0 @@
-import type { BaseInputProps } from './types';
-declare const BaseFeatureDetail: ({ model }: BaseInputProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BaseFeatureDetail;
-export { default as BaseCard } from './BaseCard';
-export { default as BaseAttributes } from './BaseAttributes';
-export { default as BaseCoreDetails } from './BaseCoreDetails';
-export { default as FeatureDetails } from './FeatureDetails';

package/BaseFeatureWidget/BaseFeatureDetail/index.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureDetails = exports.BaseCoreDetails = exports.BaseAttributes = exports.BaseCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("./util");
-const util_2 = require("../util");
-const FeatureDetails_1 = __importDefault(require("./FeatureDetails"));
-const ui_1 = require("../../ui");
-const BaseFeatureDetail = (0, mobx_react_1.observer)(function ({ model }) {
-    const { error, descriptions, featureData } = model;
-    if (error) {
-        return (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error });
-    }
-    else if (!featureData) {
-        return null;
-    }
-    else {
-        const featureData2 = (0, util_2.replaceUndefinedWithNull)(featureData);
-        return (0, util_1.isEmpty)(featureData2) ? null : ((0, jsx_runtime_1.jsx)(FeatureDetails_1.default, { model: model, feature: featureData2, descriptions: descriptions }));
-    }
-});
-exports.default = BaseFeatureDetail;
-var BaseCard_1 = require("./BaseCard");
-Object.defineProperty(exports, "BaseCard", { enumerable: true, get: function () { return __importDefault(BaseCard_1).default; } });
-var BaseAttributes_1 = require("./BaseAttributes");
-Object.defineProperty(exports, "BaseAttributes", { enumerable: true, get: function () { return __importDefault(BaseAttributes_1).default; } });
-var BaseCoreDetails_1 = require("./BaseCoreDetails");
-Object.defineProperty(exports, "BaseCoreDetails", { enumerable: true, get: function () { return __importDefault(BaseCoreDetails_1).default; } });
-var FeatureDetails_2 = require("./FeatureDetails");
-Object.defineProperty(exports, "FeatureDetails", { enumerable: true, get: function () { return __importDefault(FeatureDetails_2).default; } });

package/BaseFeatureWidget/BaseFeatureDetail/types.d.ts

@@ -1,7 +0,0 @@
-import type { BaseCardProps } from '../types';
-export interface BaseInputProps extends BaseCardProps {
-    omit?: string[];
-    model: any;
-    descriptions?: Record<string, React.ReactNode>;
-    formatter?: (val: unknown, key: string) => React.ReactNode;
-}

package/BaseFeatureWidget/BaseFeatureDetail/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/BaseFeatureWidget/BaseFeatureDetail/util.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEmpty = isEmpty;
-exports.generateTitle = generateTitle;
-exports.generateMaxWidth = generateMaxWidth;
-exports.accessNested = accessNested;
-const util_1 = require("../../util");
-const util_2 = require("../util");
-function isEmpty(obj) {
-    return Object.keys(obj).length === 0;
-}
-function generateTitle(name, id, type) {
-    return [(0, util_2.ellipses)(`${name || id || ''}`), `${type}`]
-        .filter(f => !!f)
-        .join(' - ');
-}
-function generateMaxWidth(array, prefix) {
-    return (Math.ceil((0, util_1.max)(array.map(key => (0, util_1.measureText)([...prefix, key[0]].join('.'), 12)))) + 10);
-}
-function accessNested(arr, obj = {}) {
-    let obj2 = obj;
-    for (const elt of arr) {
-        if ((0, util_1.isObject)(obj2)) {
-            obj2 = obj2[elt];
-        }
-    }
-    return typeof obj2 === 'string'
-        ? obj2
-        : (0, util_1.isObject)(obj2) && typeof obj2.Description === 'string'
-            ? obj2.Description
-            : undefined;
-}

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceContents.d.ts

@@ -1,10 +0,0 @@
-import type { SequenceFeatureDetailsModel } from './model';
-import type { SimpleFeatureSerialized } from '../../util';
-import type { SeqState } from '../util';
-declare const SequenceContents: ({ mode, feature, sequence, model, }: {
-    mode: string;
-    feature: SimpleFeatureSerialized;
-    sequence: SeqState;
-    model: SequenceFeatureDetailsModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default SequenceContents;

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceContents.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("../../util");
-const CDNASequence_1 = __importDefault(require("./seqtypes/CDNASequence"));
-const CDSSequence_1 = __importDefault(require("./seqtypes/CDSSequence"));
-const GenomicSequence_1 = __importDefault(require("./seqtypes/GenomicSequence"));
-const ProteinSequence_1 = __importDefault(require("./seqtypes/ProteinSequence"));
-const useSequenceData_1 = require("./useSequenceData");
-function RenderedSequenceComponent({ mode, feature, model, sequenceData, }) {
-    const { seq, upstream, downstream, cds, exons, utr } = sequenceData;
-    switch (mode) {
-        case 'genomic':
-            return (0, jsx_runtime_1.jsx)(GenomicSequence_1.default, { feature: feature, model: model, sequence: seq });
-        case 'genomic_sequence_updownstream':
-            return ((0, jsx_runtime_1.jsx)(GenomicSequence_1.default, { model: model, feature: feature, sequence: seq, upstream: upstream, downstream: downstream }));
-        case 'cds':
-            return (0, jsx_runtime_1.jsx)(CDSSequence_1.default, { model: model, cds: cds, sequence: seq });
-        case 'cdna':
-            return ((0, jsx_runtime_1.jsx)(CDNASequence_1.default, { model: model, exons: exons, feature: feature, cds: cds, utr: utr, sequence: seq }));
-        case 'protein':
-            return ((0, jsx_runtime_1.jsx)(ProteinSequence_1.default, { model: model, cds: cds, codonTable: (0, util_1.generateCodonTable)(util_1.defaultCodonTable), sequence: seq }));
-        case 'gene':
-            return ((0, jsx_runtime_1.jsx)(CDNASequence_1.default, { model: model, exons: exons, feature: feature, cds: cds, utr: utr, sequence: seq, includeIntrons: true }));
-        case 'gene_collapsed_intron':
-            return ((0, jsx_runtime_1.jsx)(CDNASequence_1.default, { model: model, exons: exons, feature: feature, cds: cds, sequence: seq, utr: utr, includeIntrons: true, collapseIntron: true }));
-        case 'gene_updownstream':
-            return ((0, jsx_runtime_1.jsx)(CDNASequence_1.default, { model: model, exons: exons, feature: feature, cds: cds, sequence: seq, utr: utr, upstream: upstream, downstream: downstream, includeIntrons: true }));
-        case 'gene_updownstream_collapsed_intron':
-            return ((0, jsx_runtime_1.jsx)(CDNASequence_1.default, { model: model, exons: exons, feature: feature, cds: cds, sequence: seq, utr: utr, upstream: upstream, downstream: downstream, includeIntrons: true, collapseIntron: true }));
-        default:
-            return (0, jsx_runtime_1.jsx)("div", { children: "Unknown type" });
-    }
-}
-const SequenceContents = (0, mobx_react_1.observer)(function ({ mode, feature, sequence, model, }) {
-    const sequenceData = (0, useSequenceData_1.useSequenceData)({
-        feature,
-        sequence,
-    });
-    return sequenceData ? ((0, jsx_runtime_1.jsx)(RenderedSequenceComponent, { mode: mode, feature: feature, model: model, sequenceData: sequenceData })) : null;
-});
-exports.default = SequenceContents;

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceFeatureDetails.d.ts

@@ -1,7 +0,0 @@
-import type { SimpleFeatureSerialized } from '../../util';
-import type { BaseFeatureWidgetModel } from '../stateModelFactory';
-declare const SequenceFeatureDetails: ({ model, feature, }: {
-    model: BaseFeatureWidgetModel;
-    feature: SimpleFeatureSerialized;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SequenceFeatureDetails;

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceFeatureDetails.js

@@ -1,82 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const ui_1 = require("../../ui");
-const SequenceFeatureMenu_1 = __importDefault(require("./dialogs/SequenceFeatureMenu"));
-const SequenceTypeSelector_1 = __importDefault(require("./dialogs/SequenceTypeSelector"));
-const util_1 = require("../../util");
-const useFeatureSequence_1 = require("../../util/useFeatureSequence");
-const SequencePanel = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SequencePanel'))));
-const SequenceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/SequenceDialog'))));
-const SequenceFeatureDetails = (0, mobx_react_1.observer)(function ({ model, feature, }) {
-    var _a, _b;
-    const { sequenceFeatureDetails } = model;
-    const { upDownBp } = sequenceFeatureDetails;
-    const seqPanelRef = (0, react_1.useRef)(null);
-    const [openInDialog, setOpenInDialog] = (0, react_1.useState)(false);
-    const [forceLoad, setForceLoad] = (0, react_1.useState)(false);
-    const session = (0, util_1.getSession)(model);
-    const assemblyName = (_b = (_a = model.view) === null || _a === void 0 ? void 0 : _a.assemblyNames) === null || _b === void 0 ? void 0 : _b[0];
-    const { sequence, error } = (0, useFeatureSequence_1.useFeatureSequence)({
-        assemblyName,
-        session,
-        feature: new util_1.SimpleFeature(feature),
-        upDownBp,
-        forceLoad,
-    });
-    (0, react_1.useEffect)(() => {
-        sequenceFeatureDetails.setFeature(feature);
-    }, [sequenceFeatureDetails, feature]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(SequenceTypeSelector_1.default, { model: sequenceFeatureDetails }), (0, jsx_runtime_1.jsx)(SequenceFeatureMenu_1.default, { ref: seqPanelRef, model: sequenceFeatureDetails, extraItems: [
-                            {
-                                label: 'Open in dialog',
-                                onClick: () => {
-                                    setOpenInDialog(true);
-                                },
-                            },
-                        ] })] }), openInDialog ? ((0, jsx_runtime_1.jsxs)("div", { children: ["Open in dialog...", (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(SequenceDialog, { model: model, feature: feature, handleClose: () => {
-                                setOpenInDialog(false);
-                            } }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { children: [feature.type === 'gene' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Note: inspect subfeature sequences for protein/CDS computations" })) : null, error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : !sequence ? ((0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {})) : 'error' in sequence ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: sequence.error }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "inherit", onClick: () => {
-                                    setForceLoad(true);
-                                }, children: "Force load" })] })) : ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(SequencePanel, { ref: seqPanelRef, feature: feature, sequence: sequence, model: sequenceFeatureDetails }) }))] }))] }));
-});
-exports.default = SequenceFeatureDetails;

package/BaseFeatureWidget/SequenceFeatureDetails/SequenceFeaturePanel.d.ts

@@ -1,7 +0,0 @@
-import type { SimpleFeatureSerialized } from '../../util';
-import type { BaseFeatureWidgetModel } from '../stateModelFactory';
-declare const SequenceFeaturePanel: ({ model, feature, }: {
-    model: BaseFeatureWidgetModel;
-    feature: SimpleFeatureSerialized;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SequenceFeaturePanel;