ketcher-react 2.9.0-rc.3 → 2.9.0-rc.4

package/dist/index.modern.js

@@ -2956,7 +2956,7 @@ var templates = templates$1.reduce(function (res, struct, i) {
 var zoomList = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1, 1.1, 1.2, 1.3, 1.4, 1.5, 1.7, 2, 2.5, 3, 3.5, 4];
 var zoom = {
   zoom: {
-    shortcut: ['Ctrl+Shift+0'],
+    shortcut: ['Mod+Shift+0'],
     selected: function selected(editor) {
       return editor.zoom();
     },
@@ -3010,7 +3010,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.9.0-rc.3\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.9.0-rc.4\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -10449,8 +10449,8 @@ var AtomTool = function () {
       }
     }
   }, {
-    key: "mouseleave",
-    value: function mouseleave() {
+    key: "mouseLeaveClientArea",
+    value: function mouseLeaveClientArea() {
       this.editor.hoverIcon.hide();
     }
   }, {
@@ -12223,16 +12223,15 @@ function updateOnlyChangedProperties(atomId, userChangedAtom, molecule) {
   }, {});
 }
 function updateSelectedAtoms(_ref) {
-  var selection = _ref.selection,
+  var atoms = _ref.atoms,
       changeAtomPromise = _ref.changeAtomPromise,
       editor = _ref.editor;
   var action = new Action();
   var struct = editor.render.ctab;
   var molecule = struct.molecule;
-  if (selection !== null && selection !== void 0 && selection.atoms) {
-    var selectionAtoms = selection.atoms;
+  if (atoms) {
     Promise.resolve(changeAtomPromise).then(function (userChangedAtom) {
-      selectionAtoms.forEach(function (atomId) {
+      atoms.forEach(function (atomId) {
         var atomWithChangedProperties = updateOnlyChangedProperties(atomId, userChangedAtom, molecule);
         action.mergeWith(fromAtomsAttrs(struct, atomId, atomWithChangedProperties, false));
       });
@@ -12564,7 +12563,7 @@ var SelectTool = function () {
         var atoms = getSelectedAtoms(selection, molecule);
         var changeAtomPromise = editor.event.elementEdit.dispatch(atoms);
         updateSelectedAtoms({
-          selection: selection,
+          atoms: (selection === null || selection === void 0 ? void 0 : selection.atoms) || [],
           editor: editor,
           changeAtomPromise: changeAtomPromise
         });
@@ -13142,11 +13141,12 @@ function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PasteTool = function () {
   function PasteTool(editor, struct) {
+    var _struct$functionalGro;
     _classCallCheck(this, PasteTool);
     this.editor = editor;
     this.editor.selection(null);
     this.struct = struct;
-    this.isSingleContractedGroup = struct.isSingleGroup() && !struct.functionalGroups.get(0).isExpanded;
+    this.isSingleContractedGroup = struct.isSingleGroup() && !((_struct$functionalGro = struct.functionalGroups.get(0)) !== null && _struct$functionalGro !== void 0 && _struct$functionalGro.isExpanded);
     var rnd = this.editor.render;
     var _rnd$clientArea = rnd.clientArea,
         clientHeight = _rnd$clientArea.clientHeight,
@@ -13177,7 +13177,7 @@ var PasteTool = function () {
         (_this$action = this.action) === null || _this$action === void 0 ? void 0 : _this$action.perform(this.editor.render.ctab);
       }
       var closestGroupItem = this.editor.findItem(event, ['functionalGroups']);
-      var closestGroup = this.editor.struct().sgroups.get(closestGroupItem.id);
+      var closestGroup = this.editor.struct().sgroups.get(closestGroupItem === null || closestGroupItem === void 0 ? void 0 : closestGroupItem.id);
       if (!closestGroupItem || SGroup$1.isSaltOrSolvent(closestGroup === null || closestGroup === void 0 ? void 0 : closestGroup.data.name)) {
         var _fromPaste3 = fromPaste(this.editor.render.ctab, this.struct, this.editor.render.page2obj(event)),
             _fromPaste4 = _slicedToArray(_fromPaste3, 1),
@@ -13229,7 +13229,9 @@ var PasteTool = function () {
             _action = _fromPaste6[0],
             pasteItems = _fromPaste6[1];
         this.action = _action;
-        this.editor.update(this.action, true);
+        this.editor.update(this.action, true, {
+          extendCanvas: false
+        });
         this.mergeItems = getMergeItems(this.editor, pasteItems);
         this.editor.hover(getHoverToFuse(this.mergeItems));
       }
@@ -14203,7 +14205,9 @@ var TemplateTool = function () {
             followAction = _fromPaste2[0],
             _pasteItems = _fromPaste2[1];
         this.followAction = followAction;
-        this.editor.update(followAction, true);
+        this.editor.update(followAction, true, {
+          extendCanvas: false
+        });
         if (this.mode === 'fg') {
           var skip = getIgnoredGroupItem(this.editor.struct(), _pasteItems);
           var _ci = this.editor.findItem(event, this.findItems, skip);
@@ -14381,7 +14385,7 @@ var TemplateTool = function () {
           } else {
             angle = 0;
           }
-          var _fromTemplateOnAtom3 = fromTemplateOnAtom(restruct, this.template, ci.id, angle, this.mode === 'fg');
+          var _fromTemplateOnAtom3 = fromTemplateOnAtom(restruct, this.template, ci.id, angle, false);
           var _fromTemplateOnAtom4 = _slicedToArray(_fromTemplateOnAtom3, 2);
           action = _fromTemplateOnAtom4[0];
           pasteItems = _fromTemplateOnAtom4[1];
@@ -14676,7 +14680,7 @@ function handleAtomPropsDialog(_ref3) {
     var atoms = getSelectedAtoms(selection, restruct.molecule);
     var changeAtomPromise = editor.event.elementEdit.dispatch(atoms);
     updateSelectedAtoms({
-      selection: selection,
+      atoms: selection.atoms || [],
       editor: editor,
       changeAtomPromise: changeAtomPromise
     });
@@ -16183,8 +16187,11 @@ var Editor$3 = function () {
   }, {
     key: "update",
     value: function update(action, ignoreHistory) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+        extendCanvas: true
+      };
       if (action === true) {
-        this.render.update(true);
+        this.render.update(true, null, options);
       } else {
         if (!ignoreHistory && !action.isDummy()) {
           this.historyStack.splice(this.historyPtr, HISTORY_SIZE + 1, action);
@@ -16194,7 +16201,7 @@ var Editor$3 = function () {
           this.historyPtr = this.historyStack.length;
           this.event.change.dispatch(action);
         }
-        this.render.update();
+        this.render.update(false, null, options);
       }
     }
   }, {
@@ -16572,9 +16579,7 @@ var useAtomEdit = function useAtomEdit() {
               atoms = mapAtomIdsToAtoms(atomIds, molecule);
               newAtom = editor.event.elementEdit.dispatch(atoms);
               updateSelectedAtoms({
-                selection: {
-                  atoms: atoms
-                },
+                atoms: atomIds,
                 changeAtomPromise: newAtom,
                 editor: editor
               });
@@ -17138,6 +17143,9 @@ var ContextMenuTrigger = function ContextMenuTrigger(_ref) {
     var selection = editor.selection();
     var functionalGroupsInSelection = getSelectedFunctionalGroups();
     var showProps = null;
+    if (selection && !selection.bonds && !selection.atoms) {
+      return;
+    }
     if (selection) {
       if (functionalGroupsInSelection.size > 0) {
         var functionalGroups = Array.from(functionalGroupsInSelection.values());
@@ -17332,6 +17340,9 @@ function getPanelPositionRelativeToRect(clientX, clientY, sGroup, render, width,
   var viewportLeftLimit = BAR_PANEL_SIZE * LEFT_PADDING_MULTIPLIER + width;
   var viewportBottomLimit = (render === null || render === void 0 ? void 0 : (_render$clientArea = render.clientArea) === null || _render$clientArea === void 0 ? void 0 : _render$clientArea.clientHeight) - BAR_PANEL_SIZE - height;
   var viewportRightLimit = (render === null || render === void 0 ? void 0 : (_render$clientArea2 = render.clientArea) === null || _render$clientArea2 === void 0 ? void 0 : _render$clientArea2.clientWidth) - BAR_PANEL_SIZE - width;
+  if (!sGroup.hovering) {
+    return null;
+  }
   var rectCoords = (_sGroup$hovering$attr = sGroup.hovering.attrs) === null || _sGroup$hovering$attr === void 0 ? void 0 : (_sGroup$hovering$attr2 = _sGroup$hovering$attr.path) === null || _sGroup$hovering$attr2 === void 0 ? void 0 : _sGroup$hovering$attr2.map(function (line) {
     return line.slice(1);
   });
@@ -24004,8 +24015,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.9.0-rc.3" ,
-                    buildDate: "2023-03-11T13:55:42" ,
+                    version: "2.9.0-rc.4" ,
+                    buildDate: "2023-03-20T17:32:42" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });