@wormbase/graphical-curation NPM

graphical-curation

Graphical curation tool for biocuration

Install

npm install --save @wormbase/graphical-curation

Usage

The graphical curation tool needs bootsrap css.

import React, {Component} from 'react';
import './App.css';
import GraphicalCuration from "@wormbase/graphical-curation";

class App extends Component{

    render() {
        const entities = {
            PROTEIN: [{ value: 'UNC-59', modId: 'WBGene00006793' }],
            ANATOMY: [
                { value: 'pharynx', modId: 'WBbt:0003681' },
                { value: 'gonad', modId: 'WBbt:0005175' },
                { value: 'sex myoblast', modId: 'WBbt:0008373' },
                { value: 'distal tip cell', modId: 'WBbt:0006865' },
                { value: 'spermatheca', modId: 'WBbt:0005319' },
                { value: 'procorpus', modId: 'WBbt:0003713' },
                { value: 'embryonic cell', modId: 'WBbt:0007028' },
                { value: 'terminal bulb', modId: 'WBbt:0003732' },
                { value: 'sperm', modId: 'WBbt:0006798' },
                { value: 'buccal cavity', modId: 'WBbt:0005255' },
            ],
            EXPRTYPE: [
                { value: 'localization', modId: 'expression' },
                { value: 'antibody', modId: 'Antibody' },
                { value: 'expression', modId: 'expression' },
                { value: 'detected', modId: 'expression' },
            ],
            OTHER: [
                { value: 'L3', modId: 'WBls:0000035' },
                { value: 'L1', modId: 'WBls:0000024' },
                { value: 'L4', modId: 'WBls:0000038' },
                { value: 'embryo', modId: 'WBls:0000003' },
                { value: 'L2', modId: 'WBls:0000027' },
                { value: 'adult', modId: 'WBls:0000041' },
            ],
            GENE: [
                { value: 'unc-61', modId: 'WBGene00006795' },
                { value: 'unc-59', modId: 'WBGene00006793' },
            ],
            GENEONTOLOGY: [
                { value: 'cell', modId: 'GO:0005623' },
                { value: 'cleavage furrow', modId: 'GO:0032154' },
            ],
            VARIANT: [{ value: 'ttTi5605', modId: 'WBVar00254893' }],
            ASSAYS: [{value: 'In situ Hybridization'}, {value: 'Immunohistochemistry'},
                    {value: 'Reporter gene'}, {value: 'Western Blot'}, {value: 'Northern blot'}, {value: 'RT-PCR'}]
        }
 
        const annotations = [{
            annotationId: 1,
            gene: { value: 'unc-61', modId: 'WBGene00006795' },
            whenExpressed: [{ value: 'L3', modId: 'WBls:0000035' }],
            assay: {value: 'In situ Hybridization'},
            evidence: '',
            whereExpressed: [{ value: 'pharynx', modId: 'WBbt:0003681' }],
            dateAssigned: Date.now()
        }]

        return(
            <GraphicalCuration entities={entities} error={false} expressionAnnotations={annotations}
                               expressionAnnotationsSaved={annotations => {console.log('Annotations received')}}
                               loading={false}
            />
        );
    }
}