react-msaview 4.4.6 → 4.6.0

package/src/constants.ts

@@ -0,0 +1,27 @@
+// Main model defaults
+export const defaultRowHeight = 16
+export const defaultColWidth = 12
+export const defaultHeight = 550
+export const defaultScrollX = 0
+export const defaultScrollY = 0
+export const defaultCurrentAlignment = 0
+export const defaultShowDomains = false
+export const defaultHideGaps = true
+export const defaultAllowedGappyness = 100
+export const defaultContrastLettering = true
+export const defaultSubFeatureRows = false
+export const defaultDrawMsaLetters = true
+
+// MSA model defaults
+export const defaultBgColor = true
+export const defaultColorSchemeName = 'maeditor'
+
+// Tree model defaults
+export const defaultDrawLabels = true
+export const defaultLabelsAlignRight = false
+export const defaultTreeAreaWidth = 400
+export const defaultTreeWidth = 300
+export const defaultTreeWidthMatchesArea = true
+export const defaultShowBranchLen = true
+export const defaultDrawTree = true
+export const defaultDrawNodeBubbles = true

package/src/layout.ts

@@ -63,12 +63,7 @@ export default class Layout {
       return false
     }
 
-    const results = this.flatbush.search(
-      box.minX,
-      box.minY,
-      box.maxX,
-      box.maxY,
-    )
+    const results = this.flatbush.search(box.minX, box.minY, box.maxX, box.maxY)
 
     return results.length > 0
   }

package/src/model/msaModel.ts

@@ -1,5 +1,7 @@
 import { types } from 'mobx-state-tree'
 
+import { defaultBgColor, defaultColorSchemeName } from '../constants'
+
 /**
  * #stateModel MSAModel
  */
@@ -12,13 +14,13 @@ export function MSAModelF() {
        * #property
        * draw MSA tiles with a background color
        */
-      bgColor: true,
+      bgColor: defaultBgColor,
 
       /**
        * #property
        * default color scheme name
        */
-      colorSchemeName: 'maeditor',
+      colorSchemeName: defaultColorSchemeName,
     })
     .actions(self => ({
       /**

package/src/model/treeModel.ts

@@ -1,5 +1,16 @@
 import { types } from 'mobx-state-tree'
 
+import {
+  defaultDrawLabels,
+  defaultDrawNodeBubbles,
+  defaultDrawTree,
+  defaultLabelsAlignRight,
+  defaultShowBranchLen,
+  defaultTreeAreaWidth,
+  defaultTreeWidth,
+  defaultTreeWidthMatchesArea,
+} from '../constants'
+
 /**
  * #stateModel Tree
  */
@@ -11,30 +22,30 @@ export function TreeModelF() {
       /**
        * #property
        */
-      drawLabels: true,
+      drawLabels: defaultDrawLabels,
       /**
        * #property
        * right-align the labels
        */
-      labelsAlignRight: false,
+      labelsAlignRight: defaultLabelsAlignRight,
 
       /**
        * #property
        * width of the area the tree is drawn in, px
        */
-      treeAreaWidth: types.optional(types.number, 400),
+      treeAreaWidth: types.optional(types.number, defaultTreeAreaWidth),
 
       /**
        * #property
        * width of the tree within the treeArea, px
        */
-      treeWidth: types.optional(types.number, 300),
+      treeWidth: types.optional(types.number, defaultTreeWidth),
 
       /**
        * #getter
        * synchronization that matches treeWidth to treeAreaWidth
        */
-      treeWidthMatchesArea: true,
+      treeWidthMatchesArea: defaultTreeWidthMatchesArea,
 
       /**
        * #property
@@ -42,19 +53,19 @@ export function TreeModelF() {
        * lengths. if false, the layout is a "cladogram" that does not take into
        * account evolutionary distances
        */
-      showBranchLen: true,
+      showBranchLen: defaultShowBranchLen,
 
       /**
        * #property
        * draw tree, boolean
        */
-      drawTree: true,
+      drawTree: defaultDrawTree,
 
       /**
        * #property
        * draw clickable node bubbles on the tree
        */
-      drawNodeBubbles: true,
+      drawNodeBubbles: defaultDrawNodeBubbles,
     })
     .actions(self => ({
       /**