ketcher-react 2.18.0-rc.6 → 2.18.0-rc.7

package/dist/index.modern.js

@@ -3595,7 +3595,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.18.0-rc.6\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
+  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.18.0-rc.7\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -3619,6 +3619,8 @@ var STRUCT_TYPE = {
 };
 var KETCHER_ROOT_NODE_CLASS_NAME = 'Ketcher-root';
 var KETCHER_ROOT_NODE_CSS_SELECTOR = ".".concat(KETCHER_ROOT_NODE_CLASS_NAME);
+var EditorClassName = 'Ketcher-polymer-editor-root';
+var KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR = ".".concat(EditorClassName);
 
 var functionalGroupsLib = {
   'functional-groups': {
@@ -14810,6 +14812,7 @@ var ZoomInput = function ZoomInput(_ref) {
   }, [inputRef]);
   return jsx(StyledInput, {
     ref: inputRef,
+    "data-testid": "zoom-value",
     onFocus: onFocusHandler,
     onKeyDown: onKeyDown
   });
@@ -14898,14 +14901,13 @@ var ZoomControls = function ZoomControls(_ref) {
       open: isExpanded,
       onClose: onClose,
       anchorEl: containerRef.current,
-      container: containerRef.current,
+      container: document.querySelector(KETCHER_ROOT_NODE_CSS_SELECTOR) || document.querySelector(KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR),
       anchorOrigin: {
         vertical: 'bottom',
         horizontal: 'left'
       },
       children: jsxs(DropDownContent, {
         children: [jsx(ZoomInput, {
-          "data-testid": "zoom-value",
           onZoomSubmit: onZoomSubmit,
           inputRef: inputRef,
           currentZoom: currentZoom,
@@ -25137,6 +25139,8 @@ function setupEditor(editor, props) {
       }
     }
   });
+  editor.render.unobserveCanvasResize();
+  editor.render.observeCanvasResize();
 }
 function removeEditorHandlers(editor, props) {
   Object.keys(editor.event).forEach(function (name) {
@@ -25305,7 +25309,6 @@ var StructEditor = function (_Component) {
         info: JSON.stringify(this.props.toolOpts)
       });
       this.editorRef.current.addEventListener('wheel', this.handleWheel);
-      this.editor.render.observeCanvasResize();
     }
   }, {
     key: "componentWillUnmount",
@@ -32778,8 +32781,8 @@ var KetcherBuilder = function () {
                 initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.18.0-rc.6" ,
-                  buildDate: "2024-02-13T18:53:18" ,
+                  version: "2.18.0-rc.7" ,
+                  buildDate: "2024-02-16T18:39:46" ,
                   buildNumber: ''
                 }, structService, resolve, togglerComponent);
               });
@@ -32895,5 +32898,5 @@ function Editor(props) {
   });
 }
 
-export { Accordion$1 as Accordion, Button, Dialog, Editor, Icon, IconButton, IndigoProvider, InfoModal$1 as InfoModal, Input$2 as Input, KETCHER_INIT_EVENT_NAME, KETCHER_ROOT_NODE_CLASS_NAME, KETCHER_ROOT_NODE_CSS_SELECTOR, MODES, STRUCT_TYPE, StructRender, getIconName };
+export { Accordion$1 as Accordion, Button, Dialog, Editor, EditorClassName, Icon, IconButton, IndigoProvider, InfoModal$1 as InfoModal, Input$2 as Input, KETCHER_INIT_EVENT_NAME, KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR, KETCHER_ROOT_NODE_CLASS_NAME, KETCHER_ROOT_NODE_CSS_SELECTOR, MODES, STRUCT_TYPE, StructRender, getIconName };
 //# sourceMappingURL=index.modern.js.map