ketcher-react 2.8.0-rc.5 → 2.8.0

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.5\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\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -14252,25 +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') {
+        functionalGroupRemoveAction = new Action();
         var _struct = this.editor.struct();
-        var closestGroup = _struct.sgroups.get(ci.id);
-        var attachmentAtomId = closestGroup.getAttAtomId(_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
+        }));
         ci = {
           map: 'atoms',
           id: attachmentAtomId
         };
-        this.editor.update(fromFragmentDeletion(this.editor.render.ctab, {
-          atoms: _toConsumableArray(SGroup.getAtoms(_struct, closestGroup)).filter(function (atomId) {
-            return atomId !== attachmentAtomId;
-          }),
-          bonds: _toConsumableArray(SGroup.getBonds(_struct, closestGroup))
-        }));
       }
       if (!dragCtx.action) {
         if (!ci) {
@@ -14302,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);
@@ -22700,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]);
@@ -22722,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) {
@@ -22730,7 +22740,6 @@ var TemplateDialog = function TemplateDialog(props) {
     };
   };
   var handleTabChange = function handleTabChange(value) {
-    setThisInitialTab(null);
     onTabChange(value);
   };
   var sdfSerializer = new SdfSerializer();
@@ -22767,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);
       },
@@ -22782,7 +22791,7 @@ var TemplateDialog = function TemplateDialog(props) {
     }), jsxs("div", {
       className: classes$8.tabsContent,
       children: [jsx(TabPanel, {
-        value: thisInitialTab !== null ? initialTab : tab,
+        value: tab,
         index: TemplateTabs.TemplateLibrary,
         children: jsx("div", {
           children: Object.keys(filteredTemplateLib).length ? Object.keys(filteredTemplateLib).map(function (groupName) {
@@ -22883,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)
@@ -23649,8 +23658,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.8.0-rc.5" ,
-                    buildDate: "2023-03-02T12:40:56" ,
+                    version: "2.8.0" ,
+                    buildDate: "2023-03-22T10:08:24" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });