@teselagen/ove 0.5.25 → 0.5.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.25",
+  "version": "0.5.27",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -12,7 +12,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.27",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.4.18",
+    "@teselagen/ui": "0.5.20",
     "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.22",
@@ -57,6 +57,7 @@
     "lodash": "4.17.21",
     "lodash-es": "^4.17.21",
     "math-expression-evaluator": "^1.3.7",
+    "mobx": "^6.10.2",
     "mobx-react": "^9.0.1",
     "mock-fs": "5.2.0",
     "nanoid": "^4.0.0",

package/src/CircularView/index.js

@@ -822,7 +822,9 @@ export function CircularView(props) {
         >
           <svg
             key="circViewSvg"
+            onTouch
             onClick={event => {
+              console.log(`23232323`)
               instantiated &&
                 getNearestCursorPositionToMouseEvent(
                   event,

package/src/Editor/index.js

@@ -589,6 +589,7 @@ export class Editor extends React.Component {
           fontHeightMultiplier={this.props.fontHeightMultiplier}
           rightClickOverrides={this.props.rightClickOverrides}
           clickOverrides={this.props.clickOverrides}
+          doubleClickOverrides={this.props.doubleClickOverrides}
           {...panelPropsToSpread}
           editorName={editorName}
           isProtein={sequenceData.isProtein}

package/src/style.css

@@ -12,6 +12,9 @@
   font-style: normal;
   font-display: block;
 }
+.veEditor {
+  cursor:'pointer'
+}
 .ve-monospace-font {
   font-family: Menlo, Monaco, monospace;
   font-size: 10px;

package/src/withEditorInteractions/clickAndDragUtils.js

@@ -73,6 +73,7 @@ export const editorClicked = function ({
   shiftHeld,
   updateSelectionOrCaret
 }) {
+  console.log(`asdfasfwaofijaweofj`)
   const timeDif = new Date().getTime() - dragInProgress;
   if (!dragInProgress || 200 > timeDif) {
     //if the drag is less than 200 ms it probably isn't a real drag!
@@ -82,6 +83,7 @@ export const editorClicked = function ({
 };
 
 export const editorDragStarted = function (opts) {
+  console.log(`wewfwf`)
   document?.body.classList.add("sequenceDragging"); //needed to prevent the input bubble from losing focus post user drag
   window.__veDragging = true;
 

package/src/withEditorInteractions/index.js

@@ -1096,14 +1096,50 @@ function VectorInteractionHOC(Component /* options */) {
       "translationRightClicked"
     );
 
-    featureDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "feature", annotation });
+    featureDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["featureDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["featureDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "feature", annotation });
+      }
     };
-    partDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "part", annotation });
+    partDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["partDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["partDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "part", annotation });
+      }
     };
-    primerDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "primer", annotation });
+    primerDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["primerDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["primerDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "primer", annotation });
+      }
     };
     cutsiteDoubleClicked = ({ annotation }) => {
       showDialog({

package/style.css

@@ -9085,13 +9085,6 @@ button:not(:disabled):active {
 .rg-celleditor input {
   border: none;
 }
-.bp3-popover.tg-info-helper-popover .bp3-popover-content {
-  max-width: 340px;
-}
-
-.info-helper-clickable .bp3-popover-target {
-  cursor: pointer;
-}
 .tg-select {
   width: 100%;
   min-width: 170px;
@@ -9153,6 +9146,13 @@ button:not(:disabled):active {
   max-height: 300px;
   overflow: auto;
 }
+.bp3-popover.tg-info-helper-popover .bp3-popover-content {
+  max-width: 340px;
+}
+
+.info-helper-clickable .bp3-popover-target {
+  cursor: pointer;
+}
 .ReactTable{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-ms-flex:auto 1;flex:auto 1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-ms-flex:99999 1 auto;flex:99999 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/* DataTable style.css */
 .custom-menu-item {
   text-overflow: ellipsis;
@@ -11991,6 +11991,9 @@ tspan.vePart {
   font-style: normal;
   font-display: block;
 }
+.veEditor {
+  cursor:'pointer'
+}
 .ve-monospace-font {
   font-family: Menlo, Monaco, monospace;
   font-size: 10px;