@datagrok/helm 2.1.6 → 2.1.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datagrok/helm",
   "friendlyName": "Helm",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "author": {
     "name": "Oleksandra Serhiienko",
     "email": "oserhiienko@datagrok.ai"

package/src/cell-renderer.ts

@@ -73,7 +73,7 @@ export class HelmCellRenderer extends DG.GridCellRenderer {
     const monomers = findMonomers(gridCell.cell.value);
     let s: string = gridCell.cell.value ?? '';
     let subParts: string[] = parseHelm(s);
-    if (monomers.size == 0) {
+    if (monomers.size == 0 && grid) {
       const host = ui.div([], {style: {width: `${w}px`, height: `${h}px`}});
       host.setAttribute('dataformat', 'helm');
       host.setAttribute('data', gridCell.cell.value);
@@ -81,8 +81,13 @@ export class HelmCellRenderer extends DG.GridCellRenderer {
       //@ts-ignore
       const canvas = new JSDraw2.Editor(host, {width: w, height: h, skin: 'w8', viewonly: true});
       return;
-    }
-    if (monomers.size > 0) {
+    } else {
+      if (!grid) {
+        const r = window.devicePixelRatio;
+        h = 28;
+        g.canvas.height = h*r;
+        g.canvas.style.height = `${h}px`;
+      }
       w = grid ? Math.min(grid.canvas.width - x, w) : g.canvas.width - x;
       g.save();
       g.beginPath();

package/src/package.ts

@@ -10,6 +10,7 @@ import {IMonomerLib, Monomer} from '@datagrok-libraries/bio/src/types';
 import {NotationConverter} from '@datagrok-libraries/bio/src/utils/notation-converter';
 import {findMonomers} from './utils';
 import {errorToConsole} from '@datagrok-libraries/utils/src/to-console';
+import { NOTATION } from '@datagrok-libraries/bio/src/utils/macromolecule';
 
 export const _package = new DG.Package();
 let monomerLib: IMonomerLib | null = null;
@@ -119,8 +120,11 @@ export function editMoleculeCell(cell: DG.GridCell): void {
 export function openEditor(mol: string): void {
   let df = grok.shell.tv.grid.dataFrame;
   let col = df.columns.bySemType('Macromolecule');
+  const colUnits = col.getTag(DG.TAGS.UNITS);
+  if (colUnits === NOTATION.HELM) 
+    checkMonomersAndOpenWebEditor(df.currentCell, undefined, undefined);
   let converter = new NotationConverter(col);
-  const resStr = converter.convertStringToHelm(mol, '/');
+  const resStr = converter.convertStringToHelm(mol, '/');   
   checkMonomersAndOpenWebEditor(df.currentCell, resStr, col.getTag(DG.TAGS.UNITS));
 }
 

package/tsconfig.json

@@ -12,7 +12,7 @@
     // "jsx": "preserve",                           /* Specify JSX code generation: 'preserve', 'react-native', 'react', 'react-jsx' or 'react-jsxdev'. */
     // "declaration": true,                         /* Generates corresponding '.d.ts' file. */
     // "declarationMap": true,                      /* Generates a sourcemap for each corresponding '.d.ts' file. */
-    // "sourceMap": true,                           /* Generates corresponding '.map' file. */
+    "sourceMap": true,                              /* Generates corresponding '.map' file. */
     // "outFile": "./",                             /* Concatenate and emit output to single file. */
     // "outDir": "./",                              /* Redirect output structure to the directory. */
     // "rootDir": "./",                             /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */

package/webpack.config.js

@@ -28,7 +28,7 @@ module.exports = {
       },
     ],
   },
-  devtool: 'inline-source-map',
+  devtool: 'source-map',
   externals: {
     'datagrok-api/dg': 'DG',
     'datagrok-api/grok': 'grok',