ketcher-react 2.5.2 → 2.6.0-rc.2

package/dist/index.modern.js

@@ -24,7 +24,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import { KetSerializer, MolSerializer, Ketcher, FormatterFactory, StereLabelStyleType, StereoColoringType, Bond as Bond$2, Elements, AtomList, StereoLabel, findStereoAtoms, RxnArrowMode, SimpleObjectMode, SGroup, Pile, getStereoAtomsMap, identifyStructFormat, ChemicalMimeType, SdfSerializer, FunctionalGroupsProvider, ElementColor, formatProperties, Vec2, FunctionalGroup, Fragment as Fragment$1, OperationType, fromAtomsAttrs, fracAngle, Action, fromSgroupDeletion, fromFragmentDeletion, fromAtomAddition, fromBondAddition, Atom as Atom$2, bondChangingAction, fromBondsAttrs, fromChain, getItemsToFuse, getHoverToFuse, fromItemsFuse, fromStereoFlagUpdate, Scale, checkOverlapping, fromSeveralSgroupAddition, SgContexts, fromSgroupAction, fromSimpleObjectResizing, fromArrowResizing, fromMultipleMove, fromTextDeletion, fromTextUpdating, fromOneAtomDeletion, fromOneBondDeletion, fromArrowDeletion, fromPlusDeletion, fromSimpleObjectDeletion, fromPaste, RGroup as RGroup$2, fromRGroupFragment, fromUpdateIfThen, fromRGroupAttrs, fromArrowAddition, fromPlusAddition, fromRotate, fromFlip, fromBondAlign, fromSimpleObjectAddition, fromTemplateOnBondAction, fromTemplateOnCanvas, fromTemplateOnAtom, fromTextCreation, fromHighlightCreate, fromHighlightClear, Struct, fromNewCanvas, Render, fromDescriptorsAlign, setExpandSGroup, getPropertiesByFormat, StereoFlag, getPropertiesByImgFormat, Generics, TextCommand } from 'ketcher-core';
+import { KetSerializer, MolSerializer, Ketcher, FormatterFactory, StereLabelStyleType, StereoColoringType, Bond as Bond$2, Elements, AtomList, StereoLabel, findStereoAtoms, RxnArrowMode, SimpleObjectMode, SGroup, Pile, getStereoAtomsMap, identifyStructFormat, ChemicalMimeType, SdfSerializer, FunctionalGroupsProvider, KetcherAsyncEvents, ElementColor, formatProperties, Vec2, FunctionalGroup, Fragment as Fragment$1, OperationType, fromAtomsAttrs, fracAngle, Action, fromSgroupDeletion, fromFragmentDeletion, fromAtomAddition, fromBondAddition, Atom as Atom$2, bondChangingAction, fromBondsAttrs, fromChain, getItemsToFuse, getHoverToFuse, fromItemsFuse, fromStereoFlagUpdate, Scale, checkOverlapping, fromSeveralSgroupAddition, SgContexts, fromSgroupAction, fromSimpleObjectResizing, fromArrowResizing, fromMultipleMove, fromTextDeletion, fromTextUpdating, fromOneAtomDeletion, fromOneBondDeletion, fromArrowDeletion, fromPlusDeletion, fromSimpleObjectDeletion, fromPaste, RGroup as RGroup$2, fromRGroupFragment, fromUpdateIfThen, fromRGroupAttrs, fromArrowAddition, fromPlusAddition, fromRotate, fromFlip, fromBondAlign, fromSimpleObjectAddition, fromTemplateOnBondAction, fromTemplateOnCanvas, fromTemplateOnAtom, fromTextCreation, fromHighlightCreate, fromHighlightClear, fromNewCanvas, Struct, Render, fromDescriptorsAlign, setExpandSGroup, getPropertiesByFormat, StereoFlag, getPropertiesByImgFormat, Generics, TextCommand } from 'ketcher-core';
 import * as React from 'react';
 import React__default, { createRef, Component, useState, useEffect, useRef, useMemo, createElement, forwardRef, useCallback, useLayoutEffect, Fragment as Fragment$2 } from 'react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -37,7 +37,7 @@ import Ajv from 'ajv';
 import { pick, range, capitalize, omit, without, findLastIndex, findIndex, pickBy, isEmpty, isEqual, throttle, debounce, xor, upperFirst, escapeRegExp, flow, filter, reduce } from 'lodash/fp';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import ReactDOM from 'react-dom';
-import { connect, useSelector, useDispatch, Provider } from 'react-redux';
+import { connect, useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore as createStore$1, applyMiddleware } from 'redux';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import 'redux-logger';
@@ -386,8 +386,8 @@ function exec(action) {
   return enabled;
 }
 
-function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var editor = {
   resetToSelect: {
     title: 'Reset to Select Tool',
@@ -546,6 +546,12 @@ var render = {
   }
 };
 var server = {
+  'dearomatize-on-load': {
+    title: 'dearomatize-on-load',
+    type: 'boolean',
+    description: 'slider',
+    "default": false
+  },
   'smart-layout': {
     title: 'Smart-layout',
     type: 'boolean',
@@ -629,7 +635,7 @@ var optionsSchema = {
   title: 'Settings',
   type: 'object',
   required: [],
-  properties: _objectSpread$11(_objectSpread$11(_objectSpread$11(_objectSpread$11(_objectSpread$11({}, editor), render), server), debug), miew)
+  properties: _objectSpread$12(_objectSpread$12(_objectSpread$12(_objectSpread$12(_objectSpread$12({}, editor), render), server), debug), miew)
 };
 function getDefaultOptions() {
   if (!optionsSchema.properties) return {};
@@ -690,8 +696,8 @@ var storage = {
   }
 };
 
-function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initOptionsState = {
   app: {
     server: false,
@@ -787,27 +793,27 @@ function optionsReducer() {
   var action = arguments.length > 1 ? arguments[1] : undefined;
   var type = action.type,
       data = action.data;
-  if (type === 'APP_OPTIONS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
-    app: _objectSpread$10(_objectSpread$10({}, state.app), data)
+  if (type === 'APP_OPTIONS') return _objectSpread$11(_objectSpread$11({}, state), {}, {
+    app: _objectSpread$11(_objectSpread$11({}, state.app), data)
   });
-  if (type === 'SAVE_SETTINGS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
+  if (type === 'SAVE_SETTINGS') return _objectSpread$11(_objectSpread$11({}, state), {}, {
     settings: data
   });
-  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
+  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$11(_objectSpread$11({}, state), {}, {
     check: data
   });
-  if (type === 'CHANGE_ANALYSE') return _objectSpread$10(_objectSpread$10({}, state), {}, {
-    analyse: _objectSpread$10(_objectSpread$10(_objectSpread$10({}, state.analyse), data), {}, {
+  if (type === 'CHANGE_ANALYSE') return _objectSpread$11(_objectSpread$11({}, state), {}, {
+    analyse: _objectSpread$11(_objectSpread$11(_objectSpread$11({}, state.analyse), data), {}, {
       loading: false
     })
   });
-  if (type === 'ANALYSE_LOADING') return _objectSpread$10(_objectSpread$10({}, state), {}, {
-    analyse: _objectSpread$10(_objectSpread$10({}, state.analyse), {}, {
+  if (type === 'ANALYSE_LOADING') return _objectSpread$11(_objectSpread$11({}, state), {}, {
+    analyse: _objectSpread$11(_objectSpread$11({}, state.analyse), {}, {
       loading: true
     })
   });
-  if (recognizeActions.includes(type)) return _objectSpread$10(_objectSpread$10({}, state), {}, {
-    recognize: _objectSpread$10(_objectSpread$10({}, state.recognize), data)
+  if (recognizeActions.includes(type)) return _objectSpread$11(_objectSpread$11({}, state), {}, {
+    recognize: _objectSpread$11(_objectSpread$11({}, state.recognize), data)
   });
   return state;
 }
@@ -1103,8 +1109,8 @@ function getSdataDefault(context, fieldName) {
   return sdataSchema[context][fieldName] ? sdataSchema[context][fieldName].properties.fieldValue["default"] : '';
 }
 
-function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initSdata = function initSdata() {
   var context = getSdataDefault();
   var fieldName = getSdataDefault(context);
@@ -1124,7 +1130,7 @@ var initSdata = function initSdata() {
 };
 function sdataReducer(state, action) {
   if (action.data.result.init) {
-    return correctErrors(_objectSpread$$(_objectSpread$$({}, state), {}, {
+    return correctErrors(_objectSpread$10(_objectSpread$10({}, state), {}, {
       result: Object.assign({}, state.result, action.data.result)
     }), action.data);
   }
@@ -1132,7 +1138,7 @@ function sdataReducer(state, action) {
   var actionFieldName = action.data.result.fieldName;
   var newstate = null;
   if (actionContext !== state.result.context) newstate = onContextChange(state, action.data.result);else if (actionFieldName !== state.result.fieldName) newstate = onFieldNameChange(state, action.data.result);
-  newstate = newstate || _objectSpread$$(_objectSpread$$({}, state), {}, {
+  newstate = newstate || _objectSpread$10(_objectSpread$10({}, state), {}, {
     result: Object.assign({}, state.result, action.data.result)
   });
   return correctErrors(newstate, action.data);
@@ -1156,7 +1162,7 @@ var onContextChange = function onContextChange(state, payload) {
   var fValue = fieldValue;
   if (fValue === state.result.fieldValue) fValue = getSdataDefault(context, fieldName);
   return {
-    result: _objectSpread$$(_objectSpread$$({}, payload), {}, {
+    result: _objectSpread$10(_objectSpread$10({}, payload), {}, {
       context: context,
       fieldName: fieldName,
       fieldValue: fValue
@@ -1170,7 +1176,7 @@ var onFieldNameChange = function onFieldNameChange(state, payload) {
   if (sdataSchema[context][fieldName]) fieldValue = getSdataDefault(context, fieldName);
   if (fieldValue === state.result.fieldValue && sdataSchema[context][state.result.fieldName]) fieldValue = '';
   return {
-    result: _objectSpread$$(_objectSpread$$({}, payload), {}, {
+    result: _objectSpread$10(_objectSpread$10({}, payload), {}, {
       fieldName: fieldName,
       fieldValue: fieldValue
     })
@@ -1308,8 +1314,8 @@ function formReducer(state, action, formName) {
 var INDIGO_VERIFICATION = 'INDIGO_VERIFICATION';
 var ANALYZING_FILE = 'ANALYZING_FILE';
 
-function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function indigoVerification(data) {
   return {
     type: INDIGO_VERIFICATION,
@@ -1334,13 +1340,13 @@ function requestReducer () {
   switch (type) {
     case INDIGO_VERIFICATION:
       {
-        return _objectSpread$_(_objectSpread$_({}, state), {}, {
+        return _objectSpread$$(_objectSpread$$({}, state), {}, {
           indigoVerification: data
         });
       }
     case ANALYZING_FILE:
       {
-        return _objectSpread$_(_objectSpread$_({}, state), {}, {
+        return _objectSpread$$(_objectSpread$$({}, state), {}, {
           isAnalyzingFile: data
         });
       }
@@ -1613,12 +1619,12 @@ var attachSchema = {
 };
 
 var _excluded$E = ["type", "radiobuttons"];
-function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DefaultStereoGroupNumber = 1;
 function fromElement(selem) {
   if (selem.label === 'R#') {
-    return _objectSpread$Z({
+    return _objectSpread$_({
       type: 'rlabel',
       values: fromRlabel(selem.rglabel)
     }, selem);
@@ -1668,14 +1674,15 @@ function fromAtom(satom) {
   };
 }
 function toAtom(atom$1) {
+  var _atom$exactChangeFlag, _atom$unsaturatedAtom;
   var chargeRegexp = new RegExp(atom.properties.charge.pattern);
   var pch = chargeRegexp.exec(atom$1.charge);
   var charge = pch ? parseInt(pch[1] + pch[3] + pch[2]) : atom$1.charge;
   var conv = Object.assign({}, atom$1, {
     label: capitalize(atom$1.label),
     alias: atom$1.alias || null,
-    exactChangeFlag: +atom$1.exactChangeFlag,
-    unsaturatedAtom: +atom$1.unsaturatedAtom
+    exactChangeFlag: +((_atom$exactChangeFlag = atom$1.exactChangeFlag) !== null && _atom$exactChangeFlag !== void 0 ? _atom$exactChangeFlag : false),
+    unsaturatedAtom: +((_atom$unsaturatedAtom = atom$1.unsaturatedAtom) !== null && _atom$unsaturatedAtom !== void 0 ? _atom$unsaturatedAtom : false)
   });
   if (charge !== undefined) conv.charge = charge;
   return conv;
@@ -1777,7 +1784,7 @@ function fromBond(sbond) {
   };
 }
 function toBond(bond) {
-  return _objectSpread$Z({
+  return _objectSpread$_({
     topology: bond.topology,
     reactingCenterStatus: bond.center
   }, toBondType(bond.type));
@@ -1867,7 +1874,7 @@ function toSgroup(sgroup) {
   var type = sgroup.type,
       radiobuttons = sgroup.radiobuttons,
       props = _objectWithoutProperties(sgroup, _excluded$E);
-  var attrs = _objectSpread$Z({}, props);
+  var attrs = _objectSpread$_({}, props);
   var absolute = 'absolute';
   var attached = 'attached';
   switch (radiobuttons) {
@@ -2368,6 +2375,8 @@ var tools$1 = typeSchema$1["enum"].reduce(function (res, type, i) {
 }, toolActions);
 
 var _excluded$D = ["rescale", "fragment"];
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function onAction(action) {
   if (action && action.dialog) {
     return {
@@ -2414,27 +2423,30 @@ function load(struct, options) {
               server = state.server;
               errorHandler = editor.errorHandler;
               options = options || {};
+              options = _objectSpread$Z(_objectSpread$Z({}, options), {}, {
+                'dearomatize-on-load': editor.options()['dearomatize-on-load']
+              });
               dispatch(setAnalyzingFile(true));
-              _context.prev = 6;
-              _context.next = 9;
+              _context.prev = 7;
+              _context.next = 10;
               return parseStruct(struct, server, options);
-            case 9:
+            case 10:
               parsedStruct = _context.sent;
               _options2 = options, fragment = _options2.fragment;
               hasUnsupportedGroups = parsedStruct.sgroups.some(function (sGroup) {
                 return !supportedSGroupTypes[sGroup.type];
               });
               if (!hasUnsupportedGroups) {
-                _context.next = 16;
+                _context.next = 17;
                 break;
               }
-              _context.next = 15;
+              _context.next = 16;
               return editor.event.confirm.dispatch();
-            case 15:
+            case 16:
               parsedStruct.sgroups = parsedStruct.sgroups.filter(function (key, sGroup) {
                 return supportedSGroupTypes[sGroup.type];
               });
-            case 16:
+            case 17:
               parsedStruct.rescale();
               if (editor.struct().atoms.size) {
                 oldStruct = editor.struct().clone();
@@ -2481,19 +2493,19 @@ function load(struct, options) {
               dispatch({
                 type: 'MODAL_CLOSE'
               });
-              _context.next = 32;
+              _context.next = 33;
               break;
-            case 28:
-              _context.prev = 28;
-              _context.t0 = _context["catch"](6);
+            case 29:
+              _context.prev = 29;
+              _context.t0 = _context["catch"](7);
               dispatch(setAnalyzingFile(false));
               _context.t0 && errorHandler(_context.t0.message);
-            case 32:
+            case 33:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[6, 28]]);
+      }, _callee, null, [[7, 29]]);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
@@ -2838,7 +2850,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.5.2\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.6.0-rc.1\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -8024,6 +8036,45 @@ var useInterval = function useInterval(callback, delay) {
   }, [delay]);
 };
 
+var KETCHER_INIT_EVENT_NAME = 'ketcher-init';
+
+var useSubscriptionOnEvents = function useSubscriptionOnEvents() {
+  var dispatch = useDispatch();
+  var _useAppContext = useAppContext(),
+      getKetcherInstance = _useAppContext.getKetcherInstance;
+  var loadingHandler = function loadingHandler() {
+    dispatch(indigoVerification(true));
+  };
+  var actionResultHandler = function actionResultHandler() {
+    dispatch(indigoVerification(false));
+  };
+  var subscribe = function subscribe(ketcher) {
+    ketcher.eventBus.addListener(KetcherAsyncEvents.LOADING, loadingHandler);
+    ketcher.eventBus.addListener(KetcherAsyncEvents.SUCCESS, actionResultHandler);
+    ketcher.eventBus.addListener(KetcherAsyncEvents.FAILURE, actionResultHandler);
+  };
+  var unsubscribe = function unsubscribe(ketcher) {
+    ketcher.eventBus.removeListener(KetcherAsyncEvents.LOADING, loadingHandler);
+    ketcher.eventBus.removeListener(KetcherAsyncEvents.SUCCESS, actionResultHandler);
+    ketcher.eventBus.removeListener(KetcherAsyncEvents.FAILURE, actionResultHandler);
+  };
+  useEffect(function () {
+    var subscribeOnInit = function subscribeOnInit() {
+      subscribe(getKetcherInstance());
+    };
+    var unsubscribeOnUnMount = function unsubscribeOnUnMount() {
+      unsubscribe(getKetcherInstance());
+    };
+    window.addEventListener(KETCHER_INIT_EVENT_NAME, function () {
+      subscribeOnInit();
+    });
+    return function () {
+      unsubscribeOnUnMount();
+      window.removeEventListener(KETCHER_INIT_EVENT_NAME, subscribeOnInit);
+    };
+  }, []);
+};
+
 var ArrowScroll = function ArrowScroll(_ref) {
   var startInView = _ref.startInView,
       endInView = _ref.endInView,
@@ -10499,10 +10550,10 @@ var APointTool = function () {
     key: "mousemove",
     value: function mousemove(event) {
       var struct = this.editor.render.ctab.molecule;
-      var ci = this.editor.findItem(event, ['atoms']);
-      if (ci) {
-        var atom = struct.atoms.get(ci.id);
-        if ((atom === null || atom === void 0 ? void 0 : atom.label) !== 'R#' && (atom === null || atom === void 0 ? void 0 : atom.rglabel) === null) this.editor.hover(ci);
+      var closestItem = this.editor.findItem(event, ['atoms']);
+      if (closestItem) {
+        var atom = struct.atoms.get(closestItem.id);
+        if ((atom === null || atom === void 0 ? void 0 : atom.label) !== 'R#' && (atom === null || atom === void 0 ? void 0 : atom.rglabel) === null) this.editor.hover(closestItem);
       } else {
         this.editor.hover(null);
       }
@@ -14439,12 +14490,12 @@ var TextTool = function () {
     key: "mousedown",
     value: function mousedown(event) {
       var render = this.editor.render;
-      var ci = this.editor.findItem(event, ['texts']);
+      var closestItem = this.editor.findItem(event, ['texts']);
       this.editor.selection(null);
-      if (ci && ci.map === 'texts') {
+      if (closestItem && closestItem.map === 'texts') {
         this.editor.hover(null);
         this.editor.selection({
-          texts: [ci.id]
+          texts: [closestItem.id]
         });
         this.dragCtx = {
           xy0: render.page2obj(event),
@@ -14479,27 +14530,27 @@ var TextTool = function () {
     key: "click",
     value: function click(event) {
       var render = this.editor.render;
-      var ci = this.editor.findItem(event, ['texts']);
+      var closestItem = this.editor.findItem(event, ['texts']);
       this.editor.hover(null);
-      if (!ci) {
-        propsDialog(this.editor, null, render.page2obj(event));
+      if (!closestItem) {
+        propsDialog(this.editor, null, render.page2obj(event), []);
       }
       return true;
     }
   }, {
     key: "dblclick",
     value: function dblclick(event) {
-      var ci = this.editor.findItem(event, ['texts']);
+      var closestItem = this.editor.findItem(event, ['texts']);
       this.editor.hover(null);
-      if (ci.map === 'texts') {
-        propsDialog(this.editor, ci.id, ci.position);
+      if (closestItem.map === 'texts') {
+        propsDialog(this.editor, closestItem.id, closestItem.position, closestItem.pos);
       }
       return true;
     }
   }]);
   return TextTool;
 }();
-function propsDialog(editor, id, position) {
+function propsDialog(editor, id, position, pos) {
   var struct = editor.render.ctab.molecule;
   var text = id || id === 0 ? struct.texts.get(id) : null;
   var origilContent = text ? text.content : '';
@@ -14507,12 +14558,13 @@ function propsDialog(editor, id, position) {
     content: origilContent,
     id: id,
     position: position,
+    pos: pos,
     type: 'text'
   });
   res.then(function (_ref) {
     var content = _ref.content;
     if (!id && id !== 0 && content) {
-      editor.update(fromTextCreation(editor.render.ctab, content, position));
+      editor.update(fromTextCreation(editor.render.ctab, content, position, pos));
     } else if (!content) {
       editor.update(fromTextDeletion(editor.render.ctab, id));
     } else if (content !== origilContent) {
@@ -14674,6 +14726,8 @@ var Editor$3 = function () {
     this.historyPtr = 0;
     this.errorHandler = null;
     this.highlights = new Highlighter(this);
+    this.renderAndRecoordinateStruct = this.renderAndRecoordinateStruct.bind(this);
+    this.setOptions = this.setOptions.bind(this);
     this.event = {
       message: new Subscription(),
       elementEdit: new PipelineSubscription(),
@@ -14731,6 +14785,15 @@ var Editor$3 = function () {
     value: function clear() {
       this.struct(undefined);
     }
+  }, {
+    key: "renderAndRecoordinateStruct",
+    value: function renderAndRecoordinateStruct(struct) {
+      var action = fromNewCanvas(this.render.ctab, struct);
+      this.update(action);
+      getStructCenter(this.render.ctab);
+      recoordinate(this);
+      return this.render.ctab.molecule;
+    }
   }, {
     key: "struct",
     value: function struct(value) {
@@ -14739,11 +14802,18 @@ var Editor$3 = function () {
       }
       this.selection(null);
       var struct = value || new Struct();
-      var action = fromNewCanvas(this.render.ctab, struct);
-      this.update(action);
-      getStructCenter(this.render.ctab);
-      recoordinate(this);
-      return this.render.ctab.molecule;
+      return this.renderAndRecoordinateStruct(struct);
+    }
+  }, {
+    key: "structToAddFragment",
+    value: function structToAddFragment(value) {
+      var superStruct = value.mergeInto(this.render.ctab.molecule);
+      return this.renderAndRecoordinateStruct(superStruct);
+    }
+  }, {
+    key: "setOptions",
+    value: function setOptions(opts) {
+      return this.render.updateOptions(opts);
     }
   }, {
     key: "options",
@@ -15258,8 +15328,12 @@ function setupEditor(editor, props) {
   Object.keys(editor.event).forEach(function (name) {
     var eventName = "on".concat(upperFirst(name));
     if (props[eventName] !== oldProps[eventName]) {
-      if (oldProps[eventName]) editor.event[name].remove(oldProps[eventName]);
-      if (props[eventName]) editor.event[name].add(props[eventName]);
+      if (oldProps[eventName]) {
+        editor.event[name].remove(oldProps[eventName]);
+      }
+      if (props[eventName]) {
+        editor.event[name].add(props[eventName]);
+      }
     }
   });
 }
@@ -18987,7 +19061,8 @@ var SaveDialog = function (_Component) {
       }) : _this.isImageFormat(format) ? jsx("div", {
         className: classes$j.imageContainer,
         children: !isCleanStruct && jsx("img", {
-          src: "data:image/".concat(format, "+xml;base64,").concat(imageSrc)
+          src: "data:image/".concat(format, "+xml;base64,").concat(imageSrc),
+          alt: "".concat(format, " preview")
         })
       }) : jsx("div", {
         className: classes$j.previewBackground,
@@ -19082,7 +19157,7 @@ var SaveDialog = function (_Component) {
     _this.isRxn = _this.props.struct.hasRxnArrow();
     _this.textAreaRef = createRef();
     var formats = [_this.isRxn ? 'rxn' : 'mol', 'smiles', 'ket'];
-    if (_this.props.server) formats.push(_this.isRxn ? 'rxnV3000' : 'molV3000', 'smilesExt', 'smarts', 'inChI', 'inChIAuxInfo', 'cml', 'svg', 'png');
+    if (_this.props.server) formats.push(_this.isRxn ? 'rxnV3000' : 'molV3000', 'smilesExt', 'smarts', 'inChI', 'inChIAuxInfo', 'cml', 'svg', 'png', 'cdxml');
     _this.saveSchema = saveSchema;
     _this.saveSchema.properties.format = Object.assign(_this.saveSchema.properties.format, {
       "enum": formats,
@@ -21141,7 +21216,7 @@ var Text = function Text(props) {
     };
   };
   var keyBindingFn = function keyBindingFn(e) {
-    if (e.keyCode === 13) {
+    if (e.key === 'Enter') {
       e.stopPropagation();
     }
     return getDefaultKeyBinding(e);
@@ -21559,6 +21634,7 @@ var App = function App(props) {
   var checkServer = props.checkServer;
   var _useSettingsContext = useSettingsContext(),
       staticResourcesUrl = _useSettingsContext.staticResourcesUrl;
+  useSubscriptionOnEvents();
   useEffect(function () {
     checkServer();
     dispatch(initFGTemplates(staticResourcesUrl));
@@ -21635,7 +21711,8 @@ var KetcherBuilder = function () {
                   'ignore-stereochemistry-errors': true,
                   'mass-skip-error-on-pseudoatoms': false,
                   'gross-formula-add-rsites': true,
-                  'aromatize-skip-superatoms': true
+                  'aromatize-skip-superatoms': true,
+                  'dearomatize-on-load': false
                 });
               case 1:
               case "end":
@@ -21669,8 +21746,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.5.2" ,
-                    buildDate: "2022-09-07T08:32:56" ,
+                    version: "2.6.0-rc.2" ,
+                    buildDate: "2022-10-21T11:30:05" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });
@@ -21763,12 +21840,14 @@ function Editor(props) {
   }),
       height = _useResizeObserver.height,
       width = _useResizeObserver.width;
+  var ketcherInitEvent = new Event(KETCHER_INIT_EVENT_NAME);
   useEffect(function () {
     buildKetcherAsync(_objectSpread(_objectSpread({}, props), {}, {
       element: rootElRef.current
     })).then(function (ketcher) {
       if (typeof onInit === 'function') {
         onInit(ketcher);
+        window.dispatchEvent(ketcherInitEvent);
       }
     });
   }, []);
@@ -21778,5 +21857,5 @@ function Editor(props) {
   });
 }
 
-export { Editor };
+export { Editor, KETCHER_INIT_EVENT_NAME };
 //# sourceMappingURL=index.modern.js.map