ketcher-react 2.8.0-rc.4 → 2.8.0-rc.6

package/dist/index.modern.js

@@ -2928,7 +2928,10 @@ var templateLib = {
     shortcut: 'Shift+t',
     title: 'Custom Templates',
     action: {
-      dialog: 'templates'
+      dialog: 'templates',
+      prop: {
+        tab: null
+      }
     },
     selected: function selected(editor) {
       return editor._tool.mode === 'classic';
@@ -3008,7 +3011,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.8.0-rc.4\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.8.0-rc.6\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -10851,7 +10854,7 @@ var BondTool = function () {
                 existingBondId = _this$getExistingBond2[0],
                 bond = _this$getExistingBond2[1];
             dragCtx.action = fromBondAddition(rnd.ctab, this.bondProps, beginAtom, endAtom, beginPos, endPos)[0];
-            if (existingBondId) {
+            if (existingBondId !== null) {
               this.dragCtx.existedBond = bond;
               this.dragCtx.action.mergeWith(fromOneBondDeletion(rnd.ctab, existingBondId));
             }
@@ -11285,7 +11288,7 @@ function getElementsInRectangle(restruct, p0, p1) {
   var y1 = Math.max(p0.y, p1.y);
   restruct.bonds.forEach(function (bond, bid) {
     var centre = Vec2.lc2(restruct.atoms.get(bond.b.begin).a.pp, 0.5, restruct.atoms.get(bond.b.end).a.pp, 0.5);
-    if (centre.x > x0 && centre.x < x1 && centre.y > y0 && centre.y < y1 && !FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups, true)) {
+    if (centre.x > x0 && centre.x < x1 && centre.y > y0 && centre.y < y1 && !FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups)) {
       bondList.push(bid);
     }
   });
@@ -11363,7 +11366,7 @@ function getElementsInPolygon(restruct, rr) {
   }
   restruct.bonds.forEach(function (bond, bid) {
     var centre = Vec2.lc2(restruct.atoms.get(bond.b.begin).a.pp, 0.5, restruct.atoms.get(bond.b.end).a.pp, 0.5);
-    if (isPointInPolygon(r, centre) && !FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups, true)) {
+    if (isPointInPolygon(r, centre) && !FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups)) {
       bondList.push(bid);
     }
   });
@@ -11687,7 +11690,7 @@ var SGroupTool = function () {
         var _struct$bonds$get;
         var bondId = FunctionalGroup.bondsInFunctionalGroup(molecule, functionalGroups, ci.id);
         var bondFromStruct = bondId !== null && ((_struct$bonds$get = struct.bonds.get(bondId)) === null || _struct$bonds$get === void 0 ? void 0 : _struct$bonds$get.b);
-        if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups, true)) {
+        if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups)) {
           bondResult.push(bondId);
         }
       }
@@ -12475,8 +12478,8 @@ var SelectTool = function () {
         var _struct$bonds$get;
         var bondId = FunctionalGroup.bondsInFunctionalGroup(molecule, functionalGroups, ci.id);
         var bondFromStruct = bondId !== null && ((_struct$bonds$get = struct.bonds.get(bondId)) === null || _struct$bonds$get === void 0 ? void 0 : _struct$bonds$get.b);
-        if (bondId !== null && !FunctionalGroup.isBondInContractedFunctionalGroup(
-        bondFromStruct, sgroups, functionalGroups, true)) bondResult.push(bondId);
+        if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(
+        bondFromStruct, sgroups, functionalGroups)) bondResult.push(bondId);
       }
       if (atomResult.length > 0) {
         var _iterator7 = _createForOfIteratorHelper$9(atomResult),
@@ -12752,7 +12755,7 @@ var EraserTool = function () {
             var bond = _step3.value;
             var bondId = FunctionalGroup.bondsInFunctionalGroup(molecule, functionalGroups, bond);
             var bondFromStruct = bondId !== null && ((_struct$bonds$get = struct.bonds.get(bondId)) === null || _struct$bonds$get === void 0 ? void 0 : _struct$bonds$get.b);
-            if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups, true)) {
+            if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups)) {
               bondsResult.push(bondId);
             }
           }
@@ -12844,7 +12847,7 @@ var EraserTool = function () {
         var _restruct$bonds$get;
         var bondId = FunctionalGroup.bondsInFunctionalGroup(molecule, functionalGroups, ci.id);
         var bondFromStruct = bondId !== null && ((_restruct$bonds$get = restruct.bonds.get(bondId)) === null || _restruct$bonds$get === void 0 ? void 0 : _restruct$bonds$get.b);
-        if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups, true)) {
+        if (bondFromStruct && !FunctionalGroup.isBondInContractedFunctionalGroup(bondFromStruct, sgroups, functionalGroups)) {
           bondResult.push(bondId);
         }
       }
@@ -14252,38 +14255,28 @@ var TemplateTool = function () {
         });
         return true;
       }
-      var action;
+      var action, functionalGroupRemoveAction;
       var pasteItems = null;
       if (SGroup.isSaltOrSolvent(this.template.molecule.name)) {
         addSaltsAndSolventsOnCanvasWithoutMerge(restruct, this.template, dragCtx, this.editor);
         return true;
       } else if (((_ci = ci) === null || _ci === void 0 ? void 0 : _ci.map) === 'functionalGroups' && FunctionalGroup.isContractedFunctionalGroup(ci.id, functionalGroups) && this.mode === 'fg') {
-        var closestGroup = this.editor.struct().sgroups.get(ci.id);
-        var isClosestGroupAttached = closestGroup && closestGroup.isGroupAttached(this.editor.struct());
-        if (isClosestGroupAttached) {
-          var groupAttachmentAtomId = this.editor.struct().atoms.find(function (atomId) {
-            var _this$editor$struct$a;
-            return !!((_this$editor$struct$a = _this.editor.struct().atomGetNeighbors(atomId)) !== null && _this$editor$struct$a !== void 0 && _this$editor$struct$a.find(function (neighbor) {
-              return neighbor.aid === closestGroup.getAttAtomId(_this.editor.struct());
-            }));
-          });
-          if (groupAttachmentAtomId !== null) {
-            var _this$editor$struct$a2;
-            var targetPos = ((_this$editor$struct$a2 = this.editor.struct().atoms.get(groupAttachmentAtomId)) === null || _this$editor$struct$a2 === void 0 ? void 0 : _this$editor$struct$a2.pp) || dragCtx.xy0;
-            var eventPos = this.editor.render.page2obj(event);
-            var dist = Vec2.dist(targetPos, eventPos);
-            ci = {
-              map: 'atoms',
-              dist: dist,
-              id: groupAttachmentAtomId
-            };
-          }
-        }
-        this.editor.update(fromFragmentDeletion(this.editor.render.ctab, {
-          atoms: _toConsumableArray(SGroup.getAtoms(struct, closestGroup)),
-          bonds: _toConsumableArray(SGroup.getBonds(struct, closestGroup))
+        functionalGroupRemoveAction = new Action();
+        var _struct = this.editor.struct();
+        var _restruct = this.editor.render.ctab;
+        var functionalGroupToReplace = _struct.sgroups.get(ci.id);
+        var attachmentAtomId = functionalGroupToReplace.getAttAtomId(_struct);
+        var atomsWithoutAttachmentAtom = SGroup.getAtoms(_struct, functionalGroupToReplace).filter(function (id) {
+          return id !== attachmentAtomId;
+        });
+        functionalGroupRemoveAction.mergeWith(fromSgroupDeletion(_restruct, ci.id));
+        functionalGroupRemoveAction.mergeWith(fromFragmentDeletion(_restruct, {
+          atoms: atomsWithoutAttachmentAtom
         }));
-        if (!isClosestGroupAttached) ci = null;
+        ci = {
+          map: 'atoms',
+          id: attachmentAtomId
+        };
       }
       if (!dragCtx.action) {
         if (!ci) {
@@ -14315,6 +14308,9 @@ var TemplateTool = function () {
           var _fromTemplateOnAtom4 = _slicedToArray(_fromTemplateOnAtom3, 2);
           action = _fromTemplateOnAtom4[0];
           pasteItems = _fromTemplateOnAtom4[1];
+          if (functionalGroupRemoveAction) {
+            action = functionalGroupRemoveAction.mergeWith(action);
+          }
           dragCtx.action = action;
         } else if (ci.map === 'bonds' && this.mode !== 'fg') {
           var _promise = fromTemplateOnBondAction(restruct, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, true);
@@ -15236,7 +15232,7 @@ function findClosestBond(restruct, pos, skip, minDist, scale) {
     if (bid === skipId) return;
     var a1 = restruct.atoms.get(bond.b.begin).a;
     var a2 = restruct.atoms.get(bond.b.end).a;
-    if (FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups, true)) return null;
+    if (FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups)) return null;
     var mid = Vec2.lc2(a1.pp, 0.5, a2.pp, 0.5);
     var cdist = Vec2.dist(pos, mid);
     if (cdist < minCDist) {
@@ -15246,7 +15242,7 @@ function findClosestBond(restruct, pos, skip, minDist, scale) {
   });
   restruct.bonds.forEach(function (bond, bid) {
     if (bid === skipId) return;
-    if (FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups, true)) return null;
+    if (FunctionalGroup.isBondInContractedFunctionalGroup(bond.b, sGroups, functionalGroups)) return null;
     var hb = restruct.molecule.halfBonds.get(bond.b.hb1);
     var dir = hb.dir;
     var norm = hb.norm;
@@ -22713,19 +22709,15 @@ var TemplateDialog = function TemplateDialog(props) {
       onSelect = props.onSelect,
       rest = _objectWithoutProperties(props, _excluded2);
   var searchInputRef = useRef(null);
-  var _useState = useState(initialTab),
+  var _useState = useState([props.group]),
       _useState2 = _slicedToArray(_useState, 2),
-      thisInitialTab = _useState2[0],
-      setThisInitialTab = _useState2[1];
-  var _useState3 = useState([props.group]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandedAccordions = _useState4[0],
-      setExpandedAccordions = _useState4[1];
+      expandedAccordions = _useState2[0],
+      setExpandedAccordions = _useState2[1];
   var filteredSaltsAndSolvents = useSaltsAndSolvents(saltsAndSolvents, filter);
-  var _useState5 = useState(functionalGroups[FUNCTIONAL_GROUPS]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      filteredFG = _useState6[0],
-      setFilteredFG = _useState6[1];
+  var _useState3 = useState(functionalGroups[FUNCTIONAL_GROUPS]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      filteredFG = _useState4[0],
+      setFilteredFG = _useState4[1];
   var filteredTemplateLib = filterLibSelector(props);
   useEffect(function () {
     setFilteredFG(filterFGLib(functionalGroups, filter)[FUNCTIONAL_GROUPS]);
@@ -22735,6 +22727,11 @@ var TemplateDialog = function TemplateDialog(props) {
     (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
     onSelect(null);
   }, [tab, onSelect]);
+  useEffect(function () {
+    if (initialTab !== null) {
+      onTabChange(initialTab);
+    }
+  }, [initialTab, onTabChange]);
   var handleAccordionChange = function handleAccordionChange(accordion) {
     return function (_, isExpanded) {
       setExpandedAccordions(isExpanded ? [].concat(_toConsumableArray(expandedAccordions), [accordion]) : _toConsumableArray(expandedAccordions).filter(function (expandedAccordion) {
@@ -22743,7 +22740,6 @@ var TemplateDialog = function TemplateDialog(props) {
     };
   };
   var handleTabChange = function handleTabChange(value) {
-    setThisInitialTab(null);
     onTabChange(value);
   };
   var sdfSerializer = new SdfSerializer();
@@ -22780,7 +22776,7 @@ var TemplateDialog = function TemplateDialog(props) {
         className: classes$8.searchIcon
       })]
     }), jsxs(Tabs$1, {
-      value: thisInitialTab !== null ? initialTab : tab,
+      value: tab,
       onChange: function onChange(_, value) {
         return handleTabChange(value);
       },
@@ -22896,7 +22892,7 @@ var onModalClose = function onModalClose(props, dispatch) {
 var TemplatesDialog = connect(function (store) {
   var _store$modal, _store$modal$prop, _store$editor, _store$editor$render;
   return _objectSpread$4(_objectSpread$4({}, omit(['attach'], store.templates)), {}, {
-    initialTab: ((_store$modal = store.modal) === null || _store$modal === void 0 ? void 0 : (_store$modal$prop = _store$modal.prop) === null || _store$modal$prop === void 0 ? void 0 : _store$modal$prop.tab) || TemplateTabs.TemplateLibrary,
+    initialTab: (_store$modal = store.modal) === null || _store$modal === void 0 ? void 0 : (_store$modal$prop = _store$modal.prop) === null || _store$modal$prop === void 0 ? void 0 : _store$modal$prop.tab,
     renderOptions: (_store$editor = store.editor) === null || _store$editor === void 0 ? void 0 : (_store$editor$render = _store$editor.render) === null || _store$editor$render === void 0 ? void 0 : _store$editor$render.options,
     functionalGroups: functionalGroupsSelector(store),
     saltsAndSolvents: saltsAndSolventsSelector(store)
@@ -23662,8 +23658,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.8.0-rc.4" ,
-                    buildDate: "2023-02-22T09:16:14" ,
+                    version: "2.8.0-rc.6" ,
+                    buildDate: "2023-03-09T13:41:33" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });