@datagrok/helm 2.3.1 → 2.3.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datagrok/helm",
   "friendlyName": "Helm",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "author": {
     "name": "Oleksandra Serhiienko",
     "email": "oserhiienko@datagrok.ai"
@@ -16,24 +16,25 @@
     "css/helm.css"
   ],
   "dependencies": {
-    "@datagrok-libraries/bio": "^5.42.3",
+    "@datagrok-libraries/bio": "^5.42.5",
     "@datagrok-libraries/chem-meta": "^1.2.5",
-    "@datagrok-libraries/utils": "^4.2.11",
+    "@datagrok-libraries/utils": "^4.2.13",
     "cash-dom": "^8.1.1",
-    "datagrok-api": "^1.18.6",
+    "datagrok-api": "^1.20.0",
     "dayjs": "^1.10.6",
     "rxjs": "^6.5.5",
     "wu": "latest"
   },
   "devDependencies": {
-    "@datagrok-libraries/helm-web-editor": "^1.1.5",
-    "@datagrok-libraries/js-draw-lite": "^0.0.3",
+    "@datagrok-libraries/helm-web-editor": "^1.1.6",
+    "@datagrok-libraries/js-draw-lite": "^0.0.4",
     "@datagrok/bio": "^2.13.3",
     "@datagrok/chem": "^1.9.2",
     "@types/node": "17.0.45",
     "@types/wu": "latest",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
+    "datagrok-tools": "latest",
     "eslint": "^8.18.0",
     "eslint-config-google": "^0.14.0",
     "path": "^0.12.7",

package/src/cell-renderer.ts

@@ -4,14 +4,13 @@ import * as DG from 'datagrok-api/dg';
 
 import wu from 'wu';
 
-import {HelmType, Mol} from '@datagrok-libraries/bio/src/helm/types';
+import {HelmType, ISeqMonomer, Mol} from '@datagrok-libraries/bio/src/helm/types';
 
-import {printLeftOrCentered} from '@datagrok-libraries/bio/src/utils/cell-renderer';
 import {errorToConsole} from '@datagrok-libraries/utils/src/to-console';
 import {getGridCellRendererBack} from '@datagrok-libraries/bio/src/utils/cell-renderer-back-base';
 
 import {findMonomers, parseHelm, removeGapsFromHelm} from './utils';
-import {HelmMonomerPlacer, ISeqMonomer} from './helm-monomer-placer';
+import {HelmMonomerPlacer} from './helm-monomer-placer';
 import {getHoveredMonomerFallback, getHoveredMonomerFromEditorMol} from './utils/get-hovered';
 import {JSDraw2HelmModule} from './types';
 
@@ -54,7 +53,7 @@ export class HelmCellRenderer extends DG.GridCellRenderer {
       let seqMonomer: ISeqMonomer | null;
       let missedMonomers: Set<string> = new Set<string>(); // of .size = 0
       if (editorMol)
-        seqMonomer = getHoveredMonomerFromEditorMol(argsX, argsY, gridCell, editorMol);
+        seqMonomer = getHoveredMonomerFromEditorMol(argsX, argsY, editorMol, gridCell.bounds.height);
       else {
         const seq: string = !gridCell.cell.value ? '' : removeGapsFromHelm(gridCell.cell.value as string);
         const monomerList = parseHelm(seq);

package/src/helm-helper.ts

@@ -3,21 +3,23 @@ import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
 
 import {
-  App, Atom, HelmType, GetMonomerFunc, GetMonomerResType
+  App, Atom, HelmType, GetMonomerFunc, GetMonomerResType, HelmString, HelmMol
 } from '@datagrok-libraries/bio/src/helm/types';
 
 import {errInfo} from '@datagrok-libraries/bio/src/utils/err-info';
 import {ILogger} from '@datagrok-libraries/bio/src/utils/logger';
-import {IHelmHelper} from '@datagrok-libraries/bio/src/helm/helm-helper';
+import {IHelmHelper, IInputInitOptions} from '@datagrok-libraries/bio/src/helm/helm-helper';
 import {IHelmWebEditor} from '@datagrok-libraries/bio/src/helm/types';
 import {IMonomerLib} from '@datagrok-libraries/bio/src/types/index';
 
 import {HelmWebEditor} from './helm-web-editor';
 import {OrgHelmModule, ScilModule} from './types';
 import {getWebEditorMonomer} from './utils/get-monomer';
+import {HelmInput} from './widgets/helm-input';
 
 import {_package} from './package';
 
+
 declare const scil: ScilModule;
 declare const org: OrgHelmModule;
 
@@ -32,8 +34,19 @@ export class HelmHelper implements IHelmHelper {
       throw new Error(`HelmHelper must be a single.`);
   }
 
-  createHelmWebEditor(): IHelmWebEditor {
-    return new HelmWebEditor();
+  createHelmInput(name?: string, options?: IInputInitOptions<HelmMol>): DG.InputBase<HelmMol> {
+    try {
+      const monomerLib: IMonomerLib = _package.libHelper.getBioLib();
+      return HelmInput.create(this, monomerLib, name, options);
+    } catch (err: any) {
+      const [errMsg, errStack] = errInfo(err);
+      this.logger.error(`Helm: HelmHelper.createHelmInput(), Error: ${errMsg}`, undefined, errStack);
+      throw err;
+    }
+  }
+
+  createHelmWebEditor(host?: HTMLDivElement): IHelmWebEditor {
+    return new HelmWebEditor(host);
   }
 
   createWebEditorApp(host: HTMLDivElement, helm: string): App {

package/src/helm-monomer-placer.ts

@@ -12,11 +12,6 @@ import {getParts, parseHelm} from './utils';
 
 import {_package, getMonomerLib} from './package';
 
-export interface ISeqMonomer {
-  polymerType: PolymerType;
-  symbol: string;
-}
-
 export class HelmMonomerPlacer extends CellRendererBackBase<string> {
   private _allPartsList: (string[] | null)[];
   private _lengthsList: (number[] | null)[];

package/src/helm-web-editor.ts

@@ -2,12 +2,17 @@ import * as grok from 'datagrok-api/grok';
 import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
 
+import {Unsubscribable} from 'rxjs';
+
+import {ILogger} from '@datagrok-libraries/bio/src/utils/logger';
 import {
   App, Editor, HelmType, IHelmWebEditor
 } from '@datagrok-libraries/bio/src/helm/types';
 
 import {JSDraw2HelmModule, OrgHelmModule, ScilModule} from './types';
 
+import {_package} from './package';
+
 declare const scil: ScilModule;
 declare const JSDraw2: JSDraw2HelmModule;
 declare const org: OrgHelmModule;
@@ -18,10 +23,27 @@ export class HelmWebEditor implements IHelmWebEditor {
 
   w = 200;
   h = 100;
+  private subs: Unsubscribable[];
 
-  constructor() {
-    this.host = ui.div([], {style: {width: `${this.w}px`, height: `${this.h}px`}});
+  constructor(
+    host?: HTMLDivElement,
+    private logger: ILogger = _package.logger
+  ) {
+    this.host = host ?? ui.div([], {style: {width: `${this.w}px`, height: `${this.h}px`}});
     this.editor = new JSDraw2.Editor(this.host, {width: this.w, height: this.h, viewonly: true});
+
+    this.subs = [];
+    this.subs.push(ui.onSizeChanged(this.host).subscribe(this.hostOnSizeChanged.bind(this)));
+  }
+
+  protected toLog(): string {
+    return `Helm: HelmWebEditor<#>`;
+  }
+
+  private hostOnSizeChanged(_: any): void {
+    const logPrefix = `${this.toLog()}.hostOnSizeChanged()`;
+    this.logger.debug(`${logPrefix}`);
+    this.editor.setSize(this.host.clientWidth, this.host.clientHeight);
   }
 
   resizeEditor(w: number, h: number) {

package/src/package-test.ts

@@ -8,6 +8,7 @@ import * as grok from 'datagrok-api/grok';
 import {runTests, tests, TestContext} from '@datagrok-libraries/utils/src/test';
 import {getHelmHelper} from '@datagrok-libraries/bio/src/helm/helm-helper';
 
+import './tests/_first-tests';
 import './tests/helm-tests';
 import './tests/findMonomers-tests';
 import './tests/helm-service-tests';
@@ -18,6 +19,7 @@ import './tests/get-all-parts-tests';
 import './tests/get-monomer-tests';
 import './tests/parse-helm-tests';
 import './tests/helm-web-editor-tests';
+import './tests/helm-input-tests';
 
 export const _package = new DG.Package();
 export {tests};

package/src/package-utils.ts

@@ -9,6 +9,8 @@ import type {
 } from '@datagrok-libraries/bio/src/helm/types';
 import {HelmServiceBase} from '@datagrok-libraries/bio/src/viewers/helm-service';
 import {IMonomerLib} from '@datagrok-libraries/bio/src/types';
+import {LoggerWrapper} from '@datagrok-libraries/bio/src/utils/logger';
+import {IMonomerLibHelper} from '@datagrok-libraries/bio/src/monomer-works/monomer-utils';
 
 import {HelmHelper} from './helm-helper';
 import {HelmService} from './utils/helm-service';
@@ -48,8 +50,10 @@ export async function initHelmLoadAndPatchDojo(): Promise<void> {
       // {module: 'dojo.request.iframe', checker: () => !!dojo?.request?.iframe},
       {module: 'dojo.dom', checker: () => !!dojo?.dom},
       {module: 'dojox.gfx', checker: () => !!dojox?.gfx},
-      {module: 'dojox.gfx.svg', checker: () => !!dojox?.gfx?.svg},
+      {module: 'dojox.gfx.svg', checker: () => !!dojox?.gfx?.svg && !!dojox?.gfx?.createSurface},
       {module: 'dojox.gfx.shape', checker: () => !!dojox?.gfx?.shape},
+      // {module: 'dojox.storage.Provider', checker: () => !!dojox?.storage?.Provider},
+      // {module: 'dojox.storage.LocalStorageProvider', checker: () => !!dojox?.storage?.LocalStorageProvider},
     ];
     for (const dojoTarget of dojoTargetList) {
       try { dojo.require(dojoTarget.module); } catch (err: any) {
@@ -111,11 +115,19 @@ export const helmJsonReplacer = (key: string, value: any): any => {
 
 export class HelmPackage extends DG.Package {
   public alertOriginal: (s: string) => void;
-  public readonly hh: HelmHelper;
+  public readonly helmHelper: HelmHelper;
+  public libHelper: IMonomerLibHelper;
 
-  constructor() {
+  constructor(opts: { debug: boolean } = {debug: false}) {
     super();
-    this.hh = new HelmHelper(this.logger);
+    // @ts-ignore
+    super._logger = new LoggerWrapper(super.logger, opts.debug);
+
+    this.helmHelper = new HelmHelper(this.logger);
+  }
+
+  setLibHelper(libHelper: IMonomerLibHelper) {
+    this.libHelper = libHelper;
   }
 
   public initHelmPatchScilAlert(): void {
@@ -133,7 +145,7 @@ export class HelmPackage extends DG.Package {
 
     this.logger.debug(`${logPrefix}, this.getMonomerOriginal stored`);
 
-    this.hh.overrideGetMonomer(this.hh.buildGetMonomerFromLib(monomerLib));
+    this.helmHelper.overrideGetMonomer(this.helmHelper.buildGetMonomerFromLib(monomerLib));
 
     // @ts-ignore, intercept with proxy to observe access and usage
     org.helm.webeditor.Monomers = new class {

package/src/package.ts

@@ -11,8 +11,8 @@ import {errInfo} from '@datagrok-libraries/bio/src/utils/err-info';
 import {NOTATION} from '@datagrok-libraries/bio/src/utils/macromolecule';
 import {SeqHandler} from '@datagrok-libraries/bio/src/utils/seq-handler';
 import {IMonomerLib} from '@datagrok-libraries/bio/src/types';
-import {App, HweWindow} from '@datagrok-libraries/bio/src/helm/types';
-import {IHelmHelper} from '@datagrok-libraries/bio/src/helm/helm-helper';
+import {App, HelmMol, HweWindow} from '@datagrok-libraries/bio/src/helm/types';
+import {IHelmHelper, IInputInitOptions} from '@datagrok-libraries/bio/src/helm/helm-helper';
 import {HelmServiceBase} from '@datagrok-libraries/bio/src/viewers/helm-service';
 import {getMonomerLibHelper} from '@datagrok-libraries/bio/src/monomer-works/monomer-utils';
 
@@ -28,7 +28,7 @@ import {getRS} from './utils/get-monomer-dummy';
 import {buildWebEditorApp} from './helm-web-editor';
 import {JSDraw2HelmModule, OrgHelmModule, ScilModule} from './types';
 
-export const _package = new HelmPackage();
+export const _package = new HelmPackage({debug: false});
 
 let monomerLib: IMonomerLib | null = null;
 
@@ -53,11 +53,6 @@ export async function initHelm(): Promise<void> {
   try {
     const [_, lib]: [void, IMonomerLib] = await Promise.all([
       Promise.all([
-        new Promise<void>((resolve, reject) => {
-          // @ts-ignore
-          // try { dojo.ready(function() { resolve(null); }); } catch (err: any) { reject(err); }
-          resolve();
-        }),
         (async () => {
           _package.logger.debug(`${logPrefix}, dependence loading …`);
           const t1: number = performance.now();
@@ -68,7 +63,7 @@ export async function initHelm(): Promise<void> {
 
           // Alternatively load old bundles by package.json/sources
           _package.logger.debug(`${logPrefix}, HelmWebEditor awaiting …`);
-          require('vendor/helm-web-editor'); // through webpack.config.ts/alias
+          require('../node_modules/@datagrok-libraries/helm-web-editor/dist/package.js');
           await window.helmWebEditor$.initPromise;
           _package.logger.debug(`${logPrefix}, HelmWebEditor loaded`);
 
@@ -86,6 +81,7 @@ export async function initHelm(): Promise<void> {
       }),
       (async () => {
         const libHelper = await getMonomerLibHelper();
+        _package.setLibHelper(libHelper);
         return libHelper.getBioLib();
       })()
     ]);
@@ -175,12 +171,12 @@ export function openEditor(mol: string): void {
   const df = grok.shell.tv.grid.dataFrame;
   const col = df.columns.bySemType('Macromolecule')! as DG.Column<string>;
   const colSh = SeqHandler.forColumn(col);
-  const colUnits = col.getTag(DG.TAGS.UNITS);
+  const colUnits = col.meta.units;
   if (colUnits === NOTATION.HELM)
     checkMonomersAndOpenWebEditor(df.currentCell, undefined, undefined);
   const convert = colSh.getConverter(NOTATION.HELM);
   const helmMol = convert(mol);
-  checkMonomersAndOpenWebEditor(df.currentCell, helmMol, col.getTag(DG.TAGS.UNITS));
+  checkMonomersAndOpenWebEditor(df.currentCell, helmMol, col.meta.units!);
 }
 
 //name: Properties
@@ -248,12 +244,26 @@ export function getMolfiles(col: DG.Column): DG.Column {
   }
 }
 
+// -- Inputs --
+
+//name: helmInput
+//tags: valueEditor
+//meta.propertyType: string
+//meta.semType: Macromolecule
+//input: string name =undefined {optional: true}
+//input: object options =undefined {optional: true}
+//output: object result
+export function helmInput(name: string, options: IInputInitOptions<HelmMol>): DG.InputBase<HelmMol> {
+  // TODO: Annotate for semType = 'Macromolecule' AND units = 'helm'
+  return _package.helmHelper.createHelmInput(name, options);
+}
+
 // -- Utils --
 
 //name: getHelmHelper
 //output: object result
 export async function getHelmHelper(): Promise<IHelmHelper> {
-  return _package.hh;
+  return _package.helmHelper;
 }
 
 //name: measureCellRenderer

package/src/tests/_first-tests.ts

@@ -0,0 +1,10 @@
+import * as grok from 'datagrok-api/grok';
+import * as ui from 'datagrok-api/ui';
+import * as DG from 'datagrok-api/dg';
+
+import {category, test} from '@datagrok-libraries/utils/src/test';
+
+category('_first', () => {
+  /** The first test of the package to evaluate problems with imports. */
+  test('_first', async () => { });
+});

package/src/tests/helm-input-tests.ts

@@ -0,0 +1,86 @@
+import * as grok from 'datagrok-api/grok';
+import * as ui from 'datagrok-api/ui';
+import * as DG from 'datagrok-api/dg';
+
+import $ from 'cash-dom';
+
+import {after, before, category, delay, expect, test, timeout} from '@datagrok-libraries/utils/src/test';
+import {IHelmHelper, getHelmHelper} from '@datagrok-libraries/bio/src/helm/helm-helper';
+import {getMonomerLibHelper, IMonomerLibHelper} from '@datagrok-libraries/bio/src/monomer-works/monomer-utils';
+import {
+  getUserLibSettings, setUserLibSettings, setUserLibSettingsForTests
+} from '@datagrok-libraries/bio/src/monomer-works/lib-settings';
+import {UserLibSettings} from '@datagrok-libraries/bio/src/monomer-works/types';
+
+import type {HelmInput} from '../widgets/helm-input';
+
+category('HelmInput', () => {
+  let helmHelper: IHelmHelper;
+
+  let monomerLibHelper: IMonomerLibHelper;
+  /** Backup actual user's monomer libraries settings */
+  let userLibSettings: UserLibSettings;
+
+  before(async () => {
+    helmHelper = await getHelmHelper();
+
+    monomerLibHelper = await getMonomerLibHelper();
+    userLibSettings = await getUserLibSettings();
+
+    // Test 'helm' requires default monomer library loaded
+    await setUserLibSettingsForTests();
+    await monomerLibHelper.awaitLoaded();
+    await monomerLibHelper.loadLibraries(true); // load default libraries
+  });
+
+  after(async () => {
+    await setUserLibSettings(userLibSettings);
+    await monomerLibHelper.loadLibraries(true); // load user settings libraries
+  });
+
+  test('inDialog', async () => {
+    const helmValue = 'PEPTIDE1{[meY].A.G.T}$$$$';
+    const helmInput = await ui.input.helmAsync('Macromolecule');
+    helmInput.stringValue = helmValue;
+    const dlg = ui.dialog('Helm Input Test')
+      .add(helmInput)
+      .show();
+    await delay(500);
+
+    const mol = helmInput.value;
+    expect(mol.atoms.length, 4);
+    expect(mol.bonds.length, 3);
+  });
+
+  test('tooltip', async () => {
+    await _testTooltipOnHelmInput();
+  }, {timeout: 300000});
+});
+
+async function _testTooltipOnHelmInput(): Promise<void> {
+  const helmValue = 'PEPTIDE1{[meY].A.G.T}$$$$';
+  const helmInput = (await ui.input.helmAsync('Macromolecule')) as HelmInput;
+  helmInput.stringValue = helmValue;
+  const dlg = ui.dialog('Helm Input Test')
+    .add(helmInput)
+    .show();
+  const dialogInputEl = $(dlg.root)
+    .find('div.d4-dialog-contents > div.ui-input-helm > div.ui-input-editor').get(0);
+  expect(helmInput.getInput(), dialogInputEl);
+
+  const mon = {i: 0, elem: 'meY'};
+  const a = helmInput.value.atoms[mon.i];
+  const iEl = helmInput.getInput();
+  const iBcr = iEl.getBoundingClientRect();
+  const ev = new MouseEvent('mousemove', {
+    cancelable: true, bubbles: true, view: window, button: 0,
+    clientX: iBcr.left + a.p.x, clientY: iBcr.top + a.p.y
+  });
+  iEl.dispatchEvent(ev);
+  await delay(200);
+
+  const tooltipEl = $(document).find('body > div.d4-tooltip').get(0) as HTMLElement;
+  const elemDiv = $(tooltipEl).find('div > div.d4-flex-row.ui-div > div:nth-child(1)').get(0);
+  expect(tooltipEl.style.display != 'none', true);
+  expect(elemDiv?.innerText, mon.elem);
+}

package/src/tests/helm-tests.ts

@@ -49,7 +49,7 @@ category('Helm', () => {
   //   const df = DG.DataFrame.fromCsv(file);
   //   const col = df.columns.byName('HELM string');
   //   await grok.data.detectSemanticTypes(df);
-  //   expect(col.tags[DG.TAGS.UNITS], 'HELM');
+  //   expect(col.meta.units, 'HELM');
   // });
 
   const complexMonomers = [

package/src/tests/properties-widget-tests.ts

@@ -121,7 +121,7 @@ function testPropertiesDict(
 ) {
   const col = DG.Column.fromStrings('seq', [seq]) as DG.Column<string>;
   col.semType = DG.SEMTYPE.MACROMOLECULE;
-  col.setTag(DG.TAGS.UNITS, units);
+  col.meta.units = units;
   if (separator) col.setTag(bioTAGS.separator, separator);
   if (alphabet) col.setTag(bioTAGS.alphabet, alphabet);
   const sh = SeqHandler.forColumn(col);

package/src/tests/renderers-tests.ts

@@ -57,7 +57,7 @@ category('renderers', () => {
     }, 'Table view canvas not found', 100);
 
     expect(helmCol.semType, DG.SEMTYPE.MACROMOLECULE);
-    expect(helmCol.getTag(DG.TAGS.UNITS), NOTATION.HELM);
+    expect(helmCol.meta.units, NOTATION.HELM);
     expect(helmCol.getTag(DG.TAGS.CELL_RENDERER), 'helm');
 
     const cellRendererErrorJson: string = helmCol.getTag(helmTAGS.cellRendererRenderError);
@@ -102,11 +102,6 @@ RNA1{d(A)p.d(C)p.d(G)p.d(U)p}|PEPTIDE1{I.H.A.N.T.Thr_PO3H2}$$$$,0,1
     }, 500);
     // TODO: Any error occurred become 'Cannot read properties of null (reading 'get$columns')' because of scatter plot
     //await testEvent(sp.onAfterDrawScene, () => {}, () => { sp.invalidateCanvas(); }, 200);
-    await awaitGrid(view.grid, 500);
+    await awaitGrid(view.grid, 1000);
   }
 });
-
-
-
-
-

package/src/utils/err-info.ts

@@ -0,0 +1,13 @@
+import * as grok from 'datagrok-api/grok';
+import * as ui from 'datagrok-api/ui';
+import * as DG from 'datagrok-api/dg';
+
+import {errInfo} from '@datagrok-libraries/bio/src/utils/err-info';
+
+import {_package} from '../package';
+
+export function defaultErrorHandler(err: any): void {
+  const [errMsg, errStack] = errInfo(err);
+  _package.logger.error(errMsg, undefined, errStack);
+  grok.shell.error(errMsg);
+}

package/src/utils/get-hovered.ts

@@ -2,14 +2,14 @@ import * as grok from 'datagrok-api/grok';
 import * as DG from 'datagrok-api/dg';
 import * as ui from 'datagrok-api/ui';
 
-import {HelmType, PolymerType, Atom, Mol} from '@datagrok-libraries/bio/src/helm/types';
+import {HelmType, PolymerType, Atom, Mol, ISeqMonomer} from '@datagrok-libraries/bio/src/helm/types';
 
 import {helmTypeToPolymerType} from '@datagrok-libraries/bio/src/monomer-works/monomer-works';
 
-import {HelmMonomerPlacer, ISeqMonomer} from '../helm-monomer-placer';
+import {HelmMonomerPlacer} from '../helm-monomer-placer';
 
 export function getHoveredMonomerFromEditorMol(
-  argsX: number, argsY: number, gridCell: DG.GridCell, mol: Mol<HelmType>
+  argsX: number, argsY: number, mol: Mol<HelmType>, cellHeight? : number
 ): ISeqMonomer | null {
   let hoveredSeqMonomer: ISeqMonomer | null = null;
 
@@ -41,7 +41,7 @@ export function getHoveredMonomerFromEditorMol(
       if (firstDistance < secondDistance * 0.45)
         hoveredSeqMonomer = firstSeqMonomer;
     } else {
-      if (firstDistance < 0.35 * gridCell.bounds.height)
+      if (cellHeight && firstDistance < 0.35 * cellHeight)
         hoveredSeqMonomer = firstSeqMonomer;
     }
   }
@@ -84,7 +84,7 @@ export function getHoveredMonomerFallback(
 }
 
 function getSeqMonomerFromHelmAtom(atom: Atom<HelmType>): ISeqMonomer {
-  const polymerType = helmTypeToPolymerType(atom.bio.type);
+  const polymerType = helmTypeToPolymerType(atom.bio!.type);
   return {symbol: atom.elem, polymerType: polymerType};
 }
 

package/src/utils/helm-grid-cell-renderer.ts

@@ -4,13 +4,12 @@ import * as ui from 'datagrok-api/ui';
 
 import wu from 'wu';
 
-import {HelmType, Mol} from '@datagrok-libraries/bio/src/helm/types';
+import {HelmType, ISeqMonomer, Mol} from '@datagrok-libraries/bio/src/helm/types';
 import {
   CellRendererBackAsyncBase, RenderServiceBase
 } from '@datagrok-libraries/bio/src/utils/cell-renderer-async-base';
 import {HelmAux, HelmProps} from '@datagrok-libraries/bio/src/viewers/helm-service';
 
-import {ISeqMonomer} from '../helm-monomer-placer';
 import {getHoveredMonomerFromEditorMol} from './get-hovered';
 import {_getHelmService} from '../package-utils';
 import {errInfo} from '@datagrok-libraries/bio/src/utils/err-info';
@@ -143,7 +142,8 @@ export class HelmGridCellRendererBack extends CellRendererBackAsyncBase<HelmProp
       this.logger.warning(`${logPrefix}, editorMol of the cell not found.`);
       return; // The gridCell is not rendered yet
     }
-    const seqMonomer: ISeqMonomer | null = getHoveredMonomerFromEditorMol(argsX, argsY, gridCell, editorMol);
+    const seqMonomer: ISeqMonomer | null =
+      getHoveredMonomerFromEditorMol(argsX, argsY, editorMol, gridCell.bounds.height);
 
     if (seqMonomer) {
       const monomerLib = getMonomerLib();