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

package/dist/index.modern.js

@@ -34,7 +34,7 @@ import _inherits$2 from '@babel/runtime/helpers/inherits';
 import clsx from 'clsx';
 import _typeof$3 from '@babel/runtime/helpers/typeof';
 import Ajv from 'ajv';
-import { pick, range, capitalize, without, omit, findLastIndex, findIndex, isEmpty, pickBy, isEqual, escapeRegExp, flow, filter, reduce, throttle, xor, debounce, upperFirst } from 'lodash/fp';
+import { pick, range as range$1, capitalize, without, omit, findLastIndex, findIndex, isEmpty, pickBy, isEqual, escapeRegExp, flow, filter, reduce, throttle, xor, debounce, upperFirst } from 'lodash/fp';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import styled from '@emotion/styled';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
@@ -43,7 +43,7 @@ import _slicedToArray$1 from '@babel/runtime/helpers/slicedToArray';
 import ReactDOM from 'react-dom';
 import { connect, useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore as createStore$1, applyMiddleware } from 'redux';
-import _, { throttle as throttle$1, intersection, difference, debounce as debounce$1, cloneDeep, isEqual as isEqual$1, capitalize as capitalize$1, range as range$1, isEmpty as isEmpty$1, uniqBy } from 'lodash';
+import _, { throttle as throttle$1, intersection, difference, debounce as debounce$1, cloneDeep, isEqual as isEqual$1, capitalize as capitalize$1, range as range$2, isEmpty as isEmpty$1, uniqBy } from 'lodash';
 import * as CFB from 'cfb';
 import require$$0$2 from 'util';
 import 'redux-logger';
@@ -629,8 +629,8 @@ function exec(action) {
   return enabled;
 }
 
-function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var editor = {
   resetToSelect: {
     title: 'Reset to Select Tool',
@@ -885,7 +885,7 @@ var optionsSchema = {
   title: 'Settings',
   type: 'object',
   required: [],
-  properties: _objectSpread$1n(_objectSpread$1n(_objectSpread$1n(_objectSpread$1n(_objectSpread$1n({}, editor), render), server), debug), miew)
+  properties: _objectSpread$1o(_objectSpread$1o(_objectSpread$1o(_objectSpread$1o(_objectSpread$1o({}, editor), render), server), debug), miew)
 };
 function getDefaultOptions() {
   if (!optionsSchema.properties) return {};
@@ -1068,8 +1068,8 @@ function prefetchRender(tmpls, baseUrl, cacheEl) {
   });
 }
 
-function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initOptionsState = {
   app: {
     server: false,
@@ -1167,29 +1167,29 @@ function optionsReducer() {
   var action = arguments.length > 1 ? arguments[1] : undefined;
   var type = action.type,
     data = action.data;
-  if (type === 'APP_OPTIONS') return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
-    app: _objectSpread$1m(_objectSpread$1m({}, state.app), data)
+  if (type === 'APP_OPTIONS') return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
+    app: _objectSpread$1n(_objectSpread$1n({}, state.app), data)
   });
   if (type === 'SAVE_SETTINGS') {
-    return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
-      settings: _objectSpread$1m(_objectSpread$1m({}, state.settings), data)
+    return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
+      settings: _objectSpread$1n(_objectSpread$1n({}, state.settings), data)
     });
   }
-  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
+  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
     check: data
   });
-  if (type === 'CHANGE_ANALYSE') return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
-    analyse: _objectSpread$1m(_objectSpread$1m(_objectSpread$1m({}, state.analyse), data), {}, {
+  if (type === 'CHANGE_ANALYSE') return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
+    analyse: _objectSpread$1n(_objectSpread$1n(_objectSpread$1n({}, state.analyse), data), {}, {
       loading: false
     })
   });
-  if (type === 'ANALYSE_LOADING') return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
-    analyse: _objectSpread$1m(_objectSpread$1m({}, state.analyse), {}, {
+  if (type === 'ANALYSE_LOADING') return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
+    analyse: _objectSpread$1n(_objectSpread$1n({}, state.analyse), {}, {
       loading: true
     })
   });
-  if (recognizeActions.includes(type)) return _objectSpread$1m(_objectSpread$1m({}, state), {}, {
-    recognize: _objectSpread$1m(_objectSpread$1m({}, state.recognize), data)
+  if (recognizeActions.includes(type)) return _objectSpread$1n(_objectSpread$1n({}, state), {}, {
+    recognize: _objectSpread$1n(_objectSpread$1n({}, state.recognize), data)
   });
   return state;
 }
@@ -1493,8 +1493,8 @@ function getSdataDefault() {
   return schema[context][fieldName] ? schema[context][fieldName].properties.fieldValue["default"] : '';
 }
 
-function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initSdata = function initSdata(schema) {
   var isCustomShema = schema.key === 'Custom';
   var context = isCustomShema ? getSdataDefault(sdataCustomSchema, 'context') : getSdataDefault(sdataSchema);
@@ -1532,7 +1532,7 @@ var onContextChange = function onContextChange(state, payload) {
   var fValue = fieldValue;
   if (fValue === state.result.fieldValue) fValue = getSdataDefault(sdataCustomSchema, 'fieldValue');
   return {
-    result: _objectSpread$1l(_objectSpread$1l({}, payload), {}, {
+    result: _objectSpread$1m(_objectSpread$1m({}, payload), {}, {
       context: context,
       fieldName: fieldName,
       fieldValue: fValue
@@ -1546,7 +1546,7 @@ var onFieldNameChange = function onFieldNameChange(state, payload) {
   if (sdataSchema[context][fieldName]) fieldValue = getSdataDefault(sdataSchema, context, fieldName);
   if (fieldValue === state.result.fieldValue && sdataSchema[context][state.result.fieldName]) fieldValue = '';
   return {
-    result: _objectSpread$1l(_objectSpread$1l({}, payload), {}, {
+    result: _objectSpread$1m(_objectSpread$1m({}, payload), {}, {
       fieldName: fieldName,
       fieldValue: fieldValue
     })
@@ -1554,7 +1554,7 @@ var onFieldNameChange = function onFieldNameChange(state, payload) {
 };
 function sdataReducer(state, action) {
   if (action.data.result.init) {
-    return correctErrors(_objectSpread$1l(_objectSpread$1l({}, state), {}, {
+    return correctErrors(_objectSpread$1m(_objectSpread$1m({}, state), {}, {
       result: Object.assign({}, state.result, action.data.result)
     }), action.data);
   }
@@ -1562,7 +1562,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$1l(_objectSpread$1l({}, state), {}, {
+  newstate = newstate || _objectSpread$1m(_objectSpread$1m({}, state), {}, {
     result: Object.assign({}, state.result, action.data.result)
   });
   return correctErrors(newstate, action.data);
@@ -1702,8 +1702,8 @@ function formReducer(state, action) {
 var INDIGO_VERIFICATION = 'INDIGO_VERIFICATION';
 var ANALYZING_FILE = 'ANALYZING_FILE';
 
-function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function indigoVerification(data) {
   return {
     type: INDIGO_VERIFICATION,
@@ -1728,13 +1728,13 @@ function requestReducer () {
   switch (type) {
     case INDIGO_VERIFICATION:
       {
-        return _objectSpread$1k(_objectSpread$1k({}, state), {}, {
+        return _objectSpread$1l(_objectSpread$1l({}, state), {}, {
           indigoVerification: data
         });
       }
     case ANALYZING_FILE:
       {
-        return _objectSpread$1k(_objectSpread$1k({}, state), {}, {
+        return _objectSpread$1l(_objectSpread$1l({}, state), {}, {
           isAnalyzingFile: data
         });
       }
@@ -1752,8 +1752,8 @@ var supportedSGroupTypes = {
   queryComponent: 'queryComponent'
 };
 
-function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var atom = {
   title: 'Atom',
   type: 'object',
@@ -1910,8 +1910,8 @@ var rgroupSchema = {
       type: 'array',
       items: {
         type: 'string',
-        "enum": range(1, 33),
-        enumNames: range(1, 33).map(function (item) {
+        "enum": range$1(1, 33),
+        enumNames: range$1(1, 33).map(function (item) {
           return 'R' + item;
         })
       }
@@ -1985,7 +1985,7 @@ var sgroup = {
   title: 'SGroup',
   type: 'object',
   required: ['type'],
-  oneOf: [_objectSpread$1j({}, sdataCustomSchema), {
+  oneOf: [_objectSpread$1k({}, sdataCustomSchema), {
     key: 'MUL',
     title: 'Multiple group',
     type: 'object',
@@ -2092,12 +2092,12 @@ var attachSchema = {
 
 var _excluded$z = ["aromaticity", "ringMembership", "ringSize", "connectivity", "chirality", "customQuery"],
   _excluded2$7 = ["type", "radiobuttons"];
-function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DefaultStereoGroupNumber = 1;
 function fromElement(selem) {
   if (selem.label === 'R#') {
-    return _objectSpread$1i({
+    return _objectSpread$1j({
       type: 'rlabel',
       values: fromRlabel(selem.rglabel)
     }, selem);
@@ -2354,7 +2354,7 @@ function fromBond(sbond) {
 }
 function toBond(bond) {
   var isCustomQuery = bond.customQuery !== '';
-  return _objectSpread$1i({
+  return _objectSpread$1j({
     topology: bond.topology,
     reactingCenterStatus: bond.center,
     customQuery: !isCustomQuery ? null : bond.customQuery
@@ -2450,7 +2450,7 @@ function toSgroup(sgroup) {
   var type = sgroup.type,
     radiobuttons = sgroup.radiobuttons,
     props = _objectWithoutProperties(sgroup, _excluded2$7);
-  var attrs = _objectSpread$1i({}, props);
+  var attrs = _objectSpread$1j({}, props);
   var absolute = 'absolute';
   var attached = 'attached';
   switch (radiobuttons) {
@@ -3005,8 +3005,8 @@ var tools = typeSchema$1["enum"].reduce(function (res, type, i) {
 
 var _excluded$y = ["rescale", "fragment"],
   _excluded2$6 = ["isPaste", "method"];
-function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function onAction(action) {
   if (action && action.dialog) {
     return {
@@ -3048,6 +3048,21 @@ function removeStructAction() {
   var savedSelectedTool = SettingsManager.selectionTool;
   return onAction(savedSelectedTool || tools['select-rectangle'].action);
 }
+var getSelectionFromStruct = function getSelectionFromStruct(struct) {
+  var selection = {};
+  ['atoms', 'bonds', 'enhancedFlags', 'rxnPluses', 'rxnArrows', 'texts', 'rgroupAttachmentPoints'].forEach(function (selectionEntity) {
+    if (struct && struct[selectionEntity]) {
+      var selected = [];
+      struct[selectionEntity].forEach(function (value, key) {
+        if (typeof value.getInitiallySelected === 'function' && value.getInitiallySelected()) {
+          selected.push(key);
+        }
+      });
+      selection[selectionEntity] = selected;
+    }
+  });
+  return selection;
+};
 function load(struct, options) {
   return function () {
     var _ref = _asyncToGenerator( _regeneratorRuntime.mark(function _callee(dispatch, getState) {
@@ -3061,7 +3076,7 @@ function load(struct, options) {
             errorHandler = editor.errorHandler;
             options = options || {};
             _options2 = options, isPaste = _options2.isPaste, method = _options2.method, otherOptions = _objectWithoutProperties(_options2, _excluded2$6);
-            otherOptions = _objectSpread$1h(_objectSpread$1h({}, otherOptions), {}, {
+            otherOptions = _objectSpread$1i(_objectSpread$1i({}, otherOptions), {}, {
               'dearomatize-on-load': editor.options()['dearomatize-on-load'],
               ignoreChiralFlag: editor.options().ignoreChiralFlag
             });
@@ -3132,27 +3147,31 @@ function load(struct, options) {
             if (!isPaste && !isIndigoFunctionCalled) {
               editor.centerStruct();
             }
+            if (!fragment) {
+              editor.selection(getSelectionFromStruct(editor.struct()));
+            }
+            editor.struct().disableInitiallySelected();
             dispatch(setAnalyzingFile(false));
             dispatch({
               type: 'MODAL_CLOSE'
             });
-            _context.next = 38;
+            _context.next = 40;
             break;
-          case 33:
-            _context.prev = 33;
+          case 35:
+            _context.prev = 35;
             _context.t0 = _context["catch"](8);
             KetcherLogger.error('shared.ts::load', _context.t0);
             dispatch(setAnalyzingFile(false));
             _context.t0 && errorHandler && errorHandler(_context.t0.message);
-          case 38:
-            _context.prev = 38;
+          case 40:
+            _context.prev = 40;
             notifyRequestCompleted();
-            return _context.finish(38);
-          case 41:
+            return _context.finish(40);
+          case 43:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 33, 38, 41]]);
+      }, _callee, null, [[8, 35, 40, 43]]);
     }));
     return function (_x, _x2) {
       return _ref.apply(this, arguments);
@@ -3182,6 +3201,8 @@ function openInfoModalWithCustomMessage(message) {
   };
 }
 
+function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function checkServer() {
   return function (dispatch, getState) {
     var _getState = getState(),
@@ -3305,20 +3326,30 @@ function resetStereoFlagsPosition(struct) {
 function serverCall(editor, server, method, options, struct) {
   var selection = editor.selection();
   var selectedAtoms = [];
+  var selectedBonds = [];
   var aidMap = new Map();
-  var currentStruct = (struct || editor.struct()).clone(null, null, false, aidMap);
+  var bidMap = new Map();
+  var currentStruct = (struct || editor.struct()).clone(null, null, false, aidMap, null, null, null, bidMap);
+  var expSel = editor.explicitSelected();
   if (selection) {
-    selectedAtoms = (selection.atoms ? selection.atoms : editor.explicitSelected().atoms).map(function (aid) {
+    selectedAtoms = (selection.atoms ? selection.atoms : expSel.atoms).map(function (aid) {
       return aidMap.get(aid);
     });
+    selectedBonds = (selection.bonds ? selection.bonds : expSel.bonds).map(function (bid) {
+      return bidMap.get(bid);
+    });
   }
   if (method === 'layout') {
     resetStereoFlagsPosition(currentStruct);
   }
   var ketSerializer = new KetSerializer();
+  var serializedStruct = ketSerializer.serialize(currentStruct, undefined, _objectSpread$1h(_objectSpread$1h({}, selection), {}, {
+    atoms: selectedAtoms,
+    bonds: selectedBonds
+  }));
   return server.then(function () {
     return server[method](Object.assign({
-      struct: ketSerializer.serialize(currentStruct)
+      struct: serializedStruct
     }, method !== 'calculate' && method !== 'check' ? {
       output_format: ChemicalMimeType.KET
     } : null, selectedAtoms && selectedAtoms.length > 0 ? {
@@ -3564,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.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.18.0-rc.4\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -9154,10 +9185,20 @@ var shams$1 = function hasSymbols() {
 	return true;
 };
 
+/** @type {import('.')} */
 var shams = function hasToStringTagShams() {
 	return shams$1() && !!Symbol.toStringTag;
 };
 
+/** @type {import('./range')} */
+var range = RangeError;
+
+/** @type {import('./syntax')} */
+var syntax = SyntaxError;
+
+/** @type {import('./type')} */
+var type = TypeError;
+
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
 
 
@@ -9272,11 +9313,19 @@ var $hasOwn = Object.prototype.hasOwnProperty;
 /** @type {(o: {}, p: PropertyKey) => p is keyof o} */
 var hasown = functionBind.call(call, $hasOwn);
 
+var $RangeError = range;
+
+var $SyntaxError$1 = syntax;
+
+var $TypeError$2 = type;
+
 var undefined$1;
 
-var $SyntaxError$1 = SyntaxError;
+
+
+
+
 var $Function = Function;
-var $TypeError$2 = TypeError;
 
 // eslint-disable-next-line consistent-return
 var getEvalledConstructor = function (expressionSyntax) {
@@ -9328,6 +9377,7 @@ var needsEval = {};
 var TypedArray = typeof Uint8Array === 'undefined' || !getProto$1 ? undefined$1 : getProto$1(Uint8Array);
 
 var INTRINSICS = {
+	__proto__: null,
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
@@ -9372,7 +9422,7 @@ var INTRINSICS = {
 	'%parseInt%': parseInt,
 	'%Promise%': typeof Promise === 'undefined' ? undefined$1 : Promise,
 	'%Proxy%': typeof Proxy === 'undefined' ? undefined$1 : Proxy,
-	'%RangeError%': RangeError,
+	'%RangeError%': $RangeError,
 	'%ReferenceError%': ReferenceError,
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
@@ -9432,6 +9482,7 @@ var doEval = function doEval(name) {
 };
 
 var LEGACY_ALIASES = {
+	__proto__: null,
 	'%ArrayBufferPrototype%': ['ArrayBuffer', 'prototype'],
 	'%ArrayPrototype%': ['Array', 'prototype'],
 	'%ArrayProto_entries%': ['Array', 'prototype', 'entries'],
@@ -9622,7 +9673,9 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 	return value;
 };
 
-var $defineProperty$1 = getIntrinsic('%Object.defineProperty%', true);
+var GetIntrinsic = getIntrinsic;
+
+var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true);
 
 var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
 	if ($defineProperty$1) {
@@ -9652,7 +9705,7 @@ hasPropertyDescriptors$1.hasArrayLengthDefineBug = function hasArrayLengthDefine
 
 var hasPropertyDescriptors_1 = hasPropertyDescriptors$1;
 
-var $gOPD = getIntrinsic('%Object.getOwnPropertyDescriptor%', true);
+var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
 
 if ($gOPD) {
 	try {
@@ -9673,7 +9726,7 @@ var hasPropertyDescriptors = require$$0$1();
 
 
 
-var $defineProperty = hasPropertyDescriptors && getIntrinsic('%Object.defineProperty%', true);
+var $defineProperty = hasPropertyDescriptors && GetIntrinsic('%Object.defineProperty%', true);
 if ($defineProperty) {
 	try {
 		$defineProperty({}, 'a', { value: 1 });
@@ -9683,8 +9736,8 @@ if ($defineProperty) {
 	}
 }
 
-var $SyntaxError = getIntrinsic('%SyntaxError%');
-var $TypeError$1 = getIntrinsic('%TypeError%');
+var $SyntaxError = GetIntrinsic('%SyntaxError%');
+var $TypeError$1 = GetIntrinsic('%TypeError%');
 
 
 
@@ -9741,8 +9794,8 @@ var defineDataProperty = defineDataProperty$1;
 var hasDescriptors = require$$0$1();
 
 
-var $TypeError = getIntrinsic('%TypeError%');
-var $floor = getIntrinsic('%Math.floor%');
+var $TypeError = GetIntrinsic('%TypeError%');
+var $floor = GetIntrinsic('%Math.floor%');
 
 /** @typedef {(...args: unknown[]) => unknown} Func */
 
@@ -9787,13 +9840,13 @@ var callBind = createCommonjsModule(function (module) {
 
 
 
-var $TypeError = getIntrinsic('%TypeError%');
-var $apply = getIntrinsic('%Function.prototype.apply%');
-var $call = getIntrinsic('%Function.prototype.call%');
-var $reflectApply = getIntrinsic('%Reflect.apply%', true) || functionBind.call($call, $apply);
+var $TypeError = GetIntrinsic('%TypeError%');
+var $apply = GetIntrinsic('%Function.prototype.apply%');
+var $call = GetIntrinsic('%Function.prototype.call%');
+var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || functionBind.call($call, $apply);
 
-var $defineProperty = getIntrinsic('%Object.defineProperty%', true);
-var $max = getIntrinsic('%Math.max%');
+var $defineProperty = GetIntrinsic('%Object.defineProperty%', true);
+var $max = GetIntrinsic('%Math.max%');
 
 if ($defineProperty) {
 	try {
@@ -9827,10 +9880,10 @@ if ($defineProperty) {
 }
 });
 
-var $indexOf$1 = callBind(getIntrinsic('String.prototype.indexOf'));
+var $indexOf$1 = callBind(GetIntrinsic('String.prototype.indexOf'));
 
 var callBound = function callBoundIntrinsic(name, allowMissing) {
-	var intrinsic = getIntrinsic(name, !!allowMissing);
+	var intrinsic = GetIntrinsic(name, !!allowMissing);
 	if (typeof intrinsic === 'function' && $indexOf$1(name, '.prototype.') > -1) {
 		return callBind(intrinsic);
 	}
@@ -10065,7 +10118,7 @@ var forEach = function forEach(list, iterator, thisArg) {
 
 var forEach_1 = forEach;
 
-var possibleNames = [
+var /** @type {ReturnType<import('.')>} */ possibleNames = [
 	'BigInt64Array',
 	'BigUint64Array',
 	'Float32Array',
@@ -10081,10 +10134,12 @@ var possibleNames = [
 
 var g$1 = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 
+/** @type {import('.')} */
 var availableTypedArrays$1 = function availableTypedArrays() {
-	var out = [];
+	var /** @type {ReturnType<typeof availableTypedArrays>} */ out = [];
 	for (var i = 0; i < possibleNames.length; i++) {
 		if (typeof g$1[possibleNames[i]] === 'function') {
+			// @ts-expect-error
 			out[out.length] = possibleNames[i];
 		}
 	}
@@ -10102,7 +10157,7 @@ var typedArrays = availableTypedArrays();
 var $slice = callBound('String.prototype.slice');
 var getPrototypeOf = Object.getPrototypeOf; // require('getprototypeof');
 
-var $indexOf = callBound('Array.prototype.indexOf', true) || function indexOf(array, value) {
+var $indexOf = callBound('Array.prototype.indexOf', true) || /** @type {(array: readonly unknown[], value: unknown) => keyof array} */ function indexOf(array, value) {
 	for (var i = 0; i < array.length; i += 1) {
 		if (array[i] === value) {
 			return i;
@@ -10110,17 +10165,24 @@ var $indexOf = callBound('Array.prototype.indexOf', true) || function indexOf(ar
 	}
 	return -1;
 };
+
+/** @typedef {Int8Array | Uint8Array | Uint8ClampedArray | Int16Array | Uint16Array | Int32Array | Uint32Array | Float32Array | Float64Array | BigInt64Array | BigUint64Array} TypedArray */
+/** @typedef {'Int8Array' | 'Uint8Array' | 'Uint8ClampedArray' | 'Int16Array' | 'Uint16Array' | 'Int32Array' | 'Uint32Array' | 'Float32Array' | 'Float64Array' | 'BigInt64Array' | 'BigUint64Array'} TypedArrayName */
+/** @type {{ [k in `\$${TypedArrayName}`]?: (receiver: TypedArray) => string | typeof Uint8Array.prototype.slice.call | typeof Uint8Array.prototype.set.call } & { __proto__: null }} */
 var cache = { __proto__: null };
 if (hasToStringTag && gOPD && getPrototypeOf) {
 	forEach_1(typedArrays, function (typedArray) {
 		var arr = new g[typedArray]();
 		if (Symbol.toStringTag in arr) {
 			var proto = getPrototypeOf(arr);
+			// @ts-expect-error TS won't narrow inside a closure
 			var descriptor = gOPD(proto, Symbol.toStringTag);
 			if (!descriptor) {
 				var superProto = getPrototypeOf(proto);
+				// @ts-expect-error TS won't narrow inside a closure
 				descriptor = gOPD(superProto, Symbol.toStringTag);
 			}
+			// @ts-expect-error TODO: fix
 			cache['$' + typedArray] = callBind(descriptor.get);
 		}
 	});
@@ -10129,38 +10191,52 @@ if (hasToStringTag && gOPD && getPrototypeOf) {
 		var arr = new g[typedArray]();
 		var fn = arr.slice || arr.set;
 		if (fn) {
+			// @ts-expect-error TODO: fix
 			cache['$' + typedArray] = callBind(fn);
 		}
 	});
 }
 
+/** @type {import('.')} */
 var tryTypedArrays = function tryAllTypedArrays(value) {
-	var found = false;
-	forEach_1(cache, function (getter, typedArray) {
-		if (!found) {
-			try {
-				if ('$' + getter(value) === typedArray) {
-					found = $slice(typedArray, 1);
-				}
-			} catch (e) { /**/ }
+	/** @type {ReturnType<tryAllTypedArrays>} */ var found = false;
+	forEach_1(
+		// eslint-disable-next-line no-extra-parens
+		/** @type {Record<`\$${TypedArrayName}`, typeof cache>} */ /** @type {any} */ (cache),
+		/** @type {(getter: typeof cache, name: `\$${TypedArrayName}`) => void} */ function (getter, typedArray) {
+			if (!found) {
+				try {
+				// @ts-expect-error TODO: fix
+					if ('$' + getter(value) === typedArray) {
+						found = $slice(typedArray, 1);
+					}
+				} catch (e) { /**/ }
+			}
 		}
-	});
+	);
 	return found;
 };
 
+/** @type {import('.')} */
 var trySlices = function tryAllSlices(value) {
-	var found = false;
-	forEach_1(cache, function (getter, name) {
-		if (!found) {
-			try {
-				getter(value);
-				found = $slice(name, 1);
-			} catch (e) { /**/ }
+	/** @type {ReturnType<tryAllSlices>} */ var found = false;
+	forEach_1(
+		// eslint-disable-next-line no-extra-parens
+		/** @type {any} */ (cache),
+		/** @type {(getter: typeof cache, name: `\$${TypedArrayName}`) => void} */ function (getter, name) {
+			if (!found) {
+				try {
+				// @ts-expect-error TODO: fix
+					getter(value);
+					found = $slice(name, 1);
+				} catch (e) { /**/ }
+			}
 		}
-	});
+	);
 	return found;
 };
 
+/** @type {import('.')} */
 var whichTypedArray$1 = function whichTypedArray(value) {
 	if (!value || typeof value !== 'object') { return false; }
 	if (!hasToStringTag) {
@@ -10180,10 +10256,13 @@ var whichTypedArray$1 = function whichTypedArray(value) {
 
 var whichTypedArray = whichTypedArray$1;
 
-var isTypedArray = function isTypedArray(value) {
+/** @type {import('.')} */
+var isTypedArray$1 = function isTypedArray(value) {
 	return !!whichTypedArray(value);
 };
 
+var isTypedArray = isTypedArray$1;
+
 var types = createCommonjsModule(function (module, exports) {
 
 
@@ -18132,42 +18211,48 @@ function _getStructStringFromClipboardData() {
       while (1) switch (_context8.prev = _context8.next) {
         case 0:
           clipboardItem = data[0];
-          _context8.next = 3;
+          if (!(clipboardItem instanceof ClipboardItem)) {
+            _context8.next = 23;
+            break;
+          }
+          _context8.next = 4;
           return safelyGetMimeType(clipboardItem, "web ".concat(ChemicalMimeType.KET));
-        case 3:
+        case 4:
           _context8.t2 = _context8.sent;
           if (_context8.t2) {
-            _context8.next = 8;
+            _context8.next = 9;
             break;
           }
-          _context8.next = 7;
+          _context8.next = 8;
           return safelyGetMimeType(clipboardItem, "web ".concat(ChemicalMimeType.Mol));
-        case 7:
-          _context8.t2 = _context8.sent;
         case 8:
+          _context8.t2 = _context8.sent;
+        case 9:
           _context8.t1 = _context8.t2;
           if (_context8.t1) {
-            _context8.next = 13;
+            _context8.next = 14;
             break;
           }
-          _context8.next = 12;
+          _context8.next = 13;
           return safelyGetMimeType(clipboardItem, "web ".concat(ChemicalMimeType.Rxn));
-        case 12:
-          _context8.t1 = _context8.sent;
         case 13:
+          _context8.t1 = _context8.sent;
+        case 14:
           _context8.t0 = _context8.t1;
           if (_context8.t0) {
-            _context8.next = 18;
+            _context8.next = 19;
             break;
           }
-          _context8.next = 17;
+          _context8.next = 18;
           return safelyGetMimeType(clipboardItem, 'text/plain');
-        case 17:
-          _context8.t0 = _context8.sent;
         case 18:
+          _context8.t0 = _context8.sent;
+        case 19:
           structStr = _context8.t0;
           return _context8.abrupt("return", structStr === '' ? '' : structStr.text());
-        case 20:
+        case 23:
+          return _context8.abrupt("return", data[ChemicalMimeType.KET] || data[ChemicalMimeType.Mol] || data[ChemicalMimeType.Rxn] || data['text/plain']);
+        case 24:
         case "end":
           return _context8.stop();
       }
@@ -27317,7 +27402,7 @@ function roundOff(value, round) {
   });
 }
 var selectOptions = getSelectOptionsFromSchema({
-  "enum": range(0, 8)
+  "enum": range$1(0, 8)
 });
 var AnalyseDialog = function (_Component) {
   _inherits$2(AnalyseDialog, _Component);
@@ -27561,7 +27646,7 @@ function RecognizeDialog(prop) {
         children: ["Imago version", jsx(Input$1, {
           schema: {
             "enum": imagoVersions,
-            enumNames: range(1, imagoVersions.length + 1).map(function (i) {
+            enumNames: range$1(1, imagoVersions.length + 1).map(function (i) {
               return "Version ".concat(i);
             })
           },
@@ -29232,7 +29317,14 @@ var SaveDialog = function (_Component) {
         var service = factory.create(type, _objectSpread$l(_objectSpread$l({}, options), {}, {
           ignoreChiralFlag: ignoreChiralFlag
         }), queryPropertiesAreUsed);
-        return service.getStructureFromStructAsync(struct).then(function (structStr) {
+        var getStructFromStringByType = function getStructFromStringByType() {
+          if (type === 'ket') {
+            var selection = _this.props.editor.selection();
+            return service.getStructureFromStructAsync(struct, undefined, selection);
+          }
+          return service.getStructureFromStructAsync(struct);
+        };
+        return getStructFromStringByType().then(function (structStr) {
           _this.setState({
             tabIndex: 0,
             structStr: structStr
@@ -29534,7 +29626,8 @@ var mapStateToProps$4 = function mapStateToProps(state) {
     moleculeErrors: state.modal.form.moleculeErrors,
     checkState: state.options.check,
     bondThickness: state.options.settings.bondThickness,
-    ignoreChiralFlag: state.editor.render.options.ignoreChiralFlag
+    ignoreChiralFlag: state.editor.render.options.ignoreChiralFlag,
+    editor: state.editor
   };
 };
 var mapDispatchToProps$6 = function mapDispatchToProps(dispatch) {
@@ -29619,7 +29712,7 @@ var EnhancedStereo = function EnhancedStereo(props) {
             checked: _result.type === StereoLabel.And
           }), "Add to AND", jsx(Field, {
             name: "andNumber",
-            schema: range$1(1, maxAnd + 1),
+            schema: range$2(1, maxAnd + 1),
             type: "text",
             className: classes$k.labelGroupSelect
           }), "Group"]
@@ -29632,7 +29725,7 @@ var EnhancedStereo = function EnhancedStereo(props) {
             checked: _result.type === StereoLabel.Or
           }), "Add to OR", jsx(Field, {
             name: "orNumber",
-            schema: range$1(1, maxOr + 1),
+            schema: range$2(1, maxOr + 1),
             type: "text",
             className: classes$k.labelGroupSelect
           }), "Group"]
@@ -29809,7 +29902,7 @@ var PERIODIC_TABLE_COLUMNS = 19;
 function Header() {
   return jsx("tbody", {
     children: jsx("tr", {
-      children: range(0, PERIODIC_TABLE_COLUMNS).map(function (index) {
+      children: range$1(0, PERIODIC_TABLE_COLUMNS).map(function (index) {
         return jsx("th", {
           children: index || ''
         }, index);
@@ -31500,7 +31593,7 @@ var FontControl = function FontControl(_ref) {
   }, [currentStyle]);
   var MIN_FONT_SIZE = 4;
   var MAX_FONT_SIZE = 144;
-  var fontSizes = range(MIN_FONT_SIZE, MAX_FONT_SIZE + 1);
+  var fontSizes = range$1(MIN_FONT_SIZE, MAX_FONT_SIZE + 1);
   var fontSizeOptions = useMemo(function () {
     return fontSizes.map(function (fontSize) {
       return jsx("div", {
@@ -32655,8 +32748,8 @@ var KetcherBuilder = function () {
                 initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.18.0-rc.3" ,
-                  buildDate: "2024-01-31T10:46:48" ,
+                  version: "2.18.0-rc.4" ,
+                  buildDate: "2024-02-06T12:50:19" ,
                   buildNumber: ''
                 }, structService, resolve, togglerComponent);
               });