@teselagen/ove 0.8.3 → 0.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AlignmentView/LabileSitesLayer.d.ts +13 -0
- package/AlignmentView/PairwiseAlignmentView.d.ts +1 -9
- package/BarPlot/index.d.ts +33 -0
- package/LinearView/SequenceName.d.ts +2 -1
- package/PropertySidePanel/calculateAminoAcidFrequency.d.ts +46 -0
- package/PropertySidePanel/index.d.ts +6 -0
- package/RowItem/Caret/index.d.ts +2 -1
- package/StatusBar/index.d.ts +2 -1
- package/aaprops.svg +2287 -0
- package/constants/dnaToColor.d.ts +122 -4
- package/index.cjs.js +4184 -2814
- package/index.es.js +2137 -767
- package/index.umd.js +3715 -2345
- package/ove.css +92 -6
- package/package.json +3 -3
- package/src/AlignmentView/AlignmentVisibilityTool.js +141 -37
- package/src/AlignmentView/LabileSitesLayer.js +33 -0
- package/src/AlignmentView/Minimap.js +5 -3
- package/src/AlignmentView/PairwiseAlignmentView.js +55 -61
- package/src/AlignmentView/index.js +476 -257
- package/src/AlignmentView/style.css +27 -0
- package/src/BarPlot/index.js +156 -0
- package/src/CircularView/Caret.js +8 -2
- package/src/CircularView/SelectionLayer.js +4 -2
- package/src/CircularView/index.js +5 -1
- package/src/Editor/darkmode.css +7 -0
- package/src/Editor/index.js +3 -0
- package/src/Editor/userDefinedHandlersAndOpts.js +2 -1
- package/src/FindBar/index.js +2 -3
- package/src/LinearView/SequenceName.js +8 -2
- package/src/LinearView/index.js +21 -0
- package/src/PropertySidePanel/calculateAminoAcidFrequency.js +77 -0
- package/src/PropertySidePanel/index.js +236 -0
- package/src/PropertySidePanel/style.css +39 -0
- package/src/RowItem/Caret/index.js +8 -2
- package/src/RowItem/Labels.js +1 -1
- package/src/RowItem/SelectionLayer/index.js +5 -1
- package/src/RowItem/Sequence.js +99 -5
- package/src/RowItem/Translations/Translation.js +3 -2
- package/src/RowItem/Translations/index.js +2 -0
- package/src/RowItem/index.js +74 -8
- package/src/RowItem/style.css +3 -4
- package/src/StatusBar/index.js +11 -4
- package/src/constants/dnaToColor.js +151 -0
- package/src/helperComponents/PinchHelper/PinchHelper.js +5 -1
- package/src/helperComponents/PropertiesDialog/index.js +2 -2
- package/src/helperComponents/SelectDialog.js +5 -2
- package/src/style.css +2 -2
- package/src/utils/editorUtils.js +5 -3
- package/src/utils/getAlignedAminoAcidSequenceProps.js +379 -0
- package/src/withEditorInteractions/createSequenceInputPopup.js +15 -5
- package/src/withEditorInteractions/index.js +3 -1
- package/utils/editorUtils.d.ts +2 -1
- package/utils/getAlignedAminoAcidSequenceProps.d.ts +49 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default LabileSitesLayer;
|
|
2
|
+
/**
|
|
3
|
+
* Draws vertical lines at specified labile site position.
|
|
4
|
+
*
|
|
5
|
+
* @param {Object} props
|
|
6
|
+
* @param {number} leftMargin - Width of the name column.
|
|
7
|
+
* @param {number} charWidth - Width of each character in the alignment.
|
|
8
|
+
* @param {number} sequenceLength - Number of columns in the alignment.
|
|
9
|
+
* @param {number} numTracks - Number of alignment tracks (rows).
|
|
10
|
+
* @param {number[]} positionsToMark - Array of 0-based column indices to mark.
|
|
11
|
+
* @param {number} rowHeight - Height of each alignment row (default: 24).
|
|
12
|
+
*/
|
|
13
|
+
declare function LabileSitesLayer({ leftMargin, charWidth, positionsToMark }: Object): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export class PairwiseAlignmentView extends React.Component<any, any, any> {
|
|
3
|
-
constructor(props: any);
|
|
4
|
-
constructor(props: any, context: any);
|
|
5
|
-
state: {
|
|
6
|
-
currentPairwiseAlignmentIndex: undefined;
|
|
7
|
-
};
|
|
8
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
export function PairwiseAlignmentView(props: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Minimal SVG BarPlot component
|
|
3
|
+
* @param {Object} props
|
|
4
|
+
* @param {number[]} props.data - Array of numbers to plot
|
|
5
|
+
* @param {number} [props.width=300]
|
|
6
|
+
* @param {number} [props.height=150]
|
|
7
|
+
* @param {string[]} [props.barColors]
|
|
8
|
+
*/
|
|
9
|
+
export function BarPlot({ data, width, height, barColors, className }: {
|
|
10
|
+
data: number[];
|
|
11
|
+
width?: number | undefined;
|
|
12
|
+
height?: number | undefined;
|
|
13
|
+
barColors?: string[] | undefined;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export function AminoAcidCirclePlot({ data, width, className }: {
|
|
16
|
+
data: any;
|
|
17
|
+
width: any;
|
|
18
|
+
className: any;
|
|
19
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
20
|
+
/**
|
|
21
|
+
* Stacked SVG BarPlot component for multiple properties per bar
|
|
22
|
+
* @param {Object} props
|
|
23
|
+
* @param {number[][]} props.data - Array of arrays, each inner array is the values for that position
|
|
24
|
+
* @param {number} [props.width=300]
|
|
25
|
+
* @param {number} [props.height=30]
|
|
26
|
+
* @param {string[]} [props.barColors]
|
|
27
|
+
*/
|
|
28
|
+
export function StackedBarPlot({ data, width, height, barColors }: {
|
|
29
|
+
data: number[][];
|
|
30
|
+
width?: number | undefined;
|
|
31
|
+
height?: number | undefined;
|
|
32
|
+
barColors?: string[] | undefined;
|
|
33
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export function SequenceName({ sequenceName, sequenceLength, isProtein }: {
|
|
1
|
+
export function SequenceName({ sequenceName, sequenceLength, isProtein, showAminoAcidUnitAsCodon }: {
|
|
2
2
|
sequenceName: any;
|
|
3
3
|
sequenceLength: any;
|
|
4
4
|
isProtein: any;
|
|
5
|
+
showAminoAcidUnitAsCodon: any;
|
|
5
6
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calculates detailed amino acid frequency, including counts and percentages for
|
|
3
|
+
* all 20 standard amino acids.
|
|
4
|
+
*
|
|
5
|
+
* @param {string} sequence The protein sequence.
|
|
6
|
+
* @returns {{
|
|
7
|
+
* totalCount: number,
|
|
8
|
+
* frequencies: Object<string, {count: number, percentage: number}>,
|
|
9
|
+
* nonStandard: Object<string, number>
|
|
10
|
+
* }} A comprehensive analysis object.
|
|
11
|
+
*/
|
|
12
|
+
export function calculateAminoAcidFrequency(sequence: string, isProtein: any): {
|
|
13
|
+
totalCount: number;
|
|
14
|
+
frequencies: {
|
|
15
|
+
[x: string]: {
|
|
16
|
+
count: number;
|
|
17
|
+
percentage: number;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
nonStandard: {
|
|
21
|
+
[x: string]: number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export const aminoAcidShortNames: {
|
|
25
|
+
A: string;
|
|
26
|
+
C: string;
|
|
27
|
+
D: string;
|
|
28
|
+
E: string;
|
|
29
|
+
F: string;
|
|
30
|
+
G: string;
|
|
31
|
+
H: string;
|
|
32
|
+
I: string;
|
|
33
|
+
K: string;
|
|
34
|
+
L: string;
|
|
35
|
+
M: string;
|
|
36
|
+
N: string;
|
|
37
|
+
P: string;
|
|
38
|
+
Q: string;
|
|
39
|
+
R: string;
|
|
40
|
+
S: string;
|
|
41
|
+
T: string;
|
|
42
|
+
V: string;
|
|
43
|
+
W: string;
|
|
44
|
+
Y: string;
|
|
45
|
+
"-": string;
|
|
46
|
+
};
|
package/RowItem/Caret/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default Caret;
|
|
2
|
-
declare function Caret({ charWidth, row, sequenceLength, caretPosition, isProtein, onClick, isDraggable, leftMargin, onRightClick, style, selectionMessage, className }: {
|
|
2
|
+
declare function Caret({ charWidth, row, sequenceLength, caretPosition, isProtein, onClick, isDraggable, leftMargin, onRightClick, style, selectionMessage, className, showAminoAcidUnitAsCodon }: {
|
|
3
3
|
charWidth: any;
|
|
4
4
|
row: any;
|
|
5
5
|
sequenceLength: any;
|
|
@@ -12,4 +12,5 @@ declare function Caret({ charWidth, row, sequenceLength, caretPosition, isProtei
|
|
|
12
12
|
style: any;
|
|
13
13
|
selectionMessage: any;
|
|
14
14
|
className?: string | undefined;
|
|
15
|
+
showAminoAcidUnitAsCodon: any;
|
|
15
16
|
}): import("react/jsx-runtime").JSX.Element | null;
|
package/StatusBar/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from '../../../../node_modules/react';
|
|
2
|
-
export function StatusBar({ disableSetReadOnly, disableBpEditing, onSave, editorName, showCircularity, showMoleculeType, showReadOnly, showAvailability, showGCContentByDefault, onSelectionOrCaretChanged, GCDecimalDigits, isProtein, beforeReadOnlyChange }: {
|
|
2
|
+
export function StatusBar({ disableSetReadOnly, disableBpEditing, onSave, editorName, showCircularity, showMoleculeType, showReadOnly, showAvailability, showGCContentByDefault, onSelectionOrCaretChanged, GCDecimalDigits, isProtein, showAminoAcidUnitAsCodon, beforeReadOnlyChange }: {
|
|
3
3
|
disableSetReadOnly: any;
|
|
4
4
|
disableBpEditing: any;
|
|
5
5
|
onSave: any;
|
|
@@ -12,6 +12,7 @@ export function StatusBar({ disableSetReadOnly, disableBpEditing, onSave, editor
|
|
|
12
12
|
onSelectionOrCaretChanged: any;
|
|
13
13
|
GCDecimalDigits?: number | undefined;
|
|
14
14
|
isProtein: any;
|
|
15
|
+
showAminoAcidUnitAsCodon: any;
|
|
15
16
|
beforeReadOnlyChange: any;
|
|
16
17
|
}): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export const EditReadOnlyItem: import('../../../../node_modules/react-redux').ConnectedComponent<React.ComponentType<import('../../../../node_modules/react-redux').Matching<any, unknown>>, {
|