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

package/dist/index.js

@@ -43,7 +43,7 @@ var ReactDOM = require('react-dom');
 var reactRedux = require('react-redux');
 var redux = require('redux');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var reduxLogger = require('redux-logger');
+require('redux-logger');
 var thunk = require('redux-thunk');
 var lodash = require('lodash');
 var useResizeObserver = require('use-resize-observer/polyfilled');
@@ -427,7 +427,6 @@ function _copy(cb, data) {
         cb.setData(fmt, data[fmt]);
       });
     } catch (ex) {
-      console.info("Could not write exact type ".concat(curFmt));
     }
   }
 }
@@ -458,8 +457,8 @@ function exec(action) {
   return enabled;
 }
 
-function ownKeys$15(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$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$16(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$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var editor = {
   resetToSelect: {
     title: 'Reset to Select Tool',
@@ -707,7 +706,7 @@ var optionsSchema = {
   title: 'Settings',
   type: 'object',
   required: [],
-  properties: _objectSpread$15(_objectSpread$15(_objectSpread$15(_objectSpread$15(_objectSpread$15({}, editor), render), server), debug), miew)
+  properties: _objectSpread$16(_objectSpread$16(_objectSpread$16(_objectSpread$16(_objectSpread$16({}, editor), render), server), debug), miew)
 };
 function getDefaultOptions() {
   if (!optionsSchema.properties) return {};
@@ -753,7 +752,6 @@ var storage = {
     try {
       item = JSON.parse(localStorage.getItem(key));
     } catch (ex) {
-      console.info('LocalStorage:', ex.name);
     }
     return item;
   },
@@ -763,15 +761,14 @@ var storage = {
       localStorage.setItem(key, JSON.stringify(data));
       isSet = true;
     } catch (ex) {
-      console.info('LocalStorage:', ex.name);
       isSet = false;
     }
     return isSet;
   }
 };
 
-function ownKeys$14(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$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$15(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$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initOptionsState = {
   app: {
     server: false,
@@ -868,27 +865,27 @@ function optionsReducer() {
   var action = arguments.length > 1 ? arguments[1] : undefined;
   var type = action.type,
       data = action.data;
-  if (type === 'APP_OPTIONS') return _objectSpread$14(_objectSpread$14({}, state), {}, {
-    app: _objectSpread$14(_objectSpread$14({}, state.app), data)
+  if (type === 'APP_OPTIONS') return _objectSpread$15(_objectSpread$15({}, state), {}, {
+    app: _objectSpread$15(_objectSpread$15({}, state.app), data)
   });
-  if (type === 'SAVE_SETTINGS') return _objectSpread$14(_objectSpread$14({}, state), {}, {
+  if (type === 'SAVE_SETTINGS') return _objectSpread$15(_objectSpread$15({}, state), {}, {
     settings: data
   });
-  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$14(_objectSpread$14({}, state), {}, {
+  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$15(_objectSpread$15({}, state), {}, {
     check: data
   });
-  if (type === 'CHANGE_ANALYSE') return _objectSpread$14(_objectSpread$14({}, state), {}, {
-    analyse: _objectSpread$14(_objectSpread$14(_objectSpread$14({}, state.analyse), data), {}, {
+  if (type === 'CHANGE_ANALYSE') return _objectSpread$15(_objectSpread$15({}, state), {}, {
+    analyse: _objectSpread$15(_objectSpread$15(_objectSpread$15({}, state.analyse), data), {}, {
       loading: false
     })
   });
-  if (type === 'ANALYSE_LOADING') return _objectSpread$14(_objectSpread$14({}, state), {}, {
-    analyse: _objectSpread$14(_objectSpread$14({}, state.analyse), {}, {
+  if (type === 'ANALYSE_LOADING') return _objectSpread$15(_objectSpread$15({}, state), {}, {
+    analyse: _objectSpread$15(_objectSpread$15({}, state.analyse), {}, {
       loading: true
     })
   });
-  if (recognizeActions.includes(type)) return _objectSpread$14(_objectSpread$14({}, state), {}, {
-    recognize: _objectSpread$14(_objectSpread$14({}, state.recognize), data)
+  if (recognizeActions.includes(type)) return _objectSpread$15(_objectSpread$15({}, state), {}, {
+    recognize: _objectSpread$15(_objectSpread$15({}, state.recognize), data)
   });
   return state;
 }
@@ -898,7 +895,6 @@ function constant(schema, prop) {
   return desc.constant || desc["enum"][0];
 }
 function mapOf(schema, prop) {
-  console.assert(schema.oneOf);
   return schema.oneOf.reduce(function (res, desc) {
     res[constant(desc, prop)] = desc;
     return res;
@@ -1192,8 +1188,8 @@ function getSdataDefault() {
   return schema[context][fieldName] ? schema[context][fieldName].properties.fieldValue["default"] : '';
 }
 
-function ownKeys$13(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$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$14(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$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initSdata = function initSdata(schema) {
   var isCustomShema = schema.key === 'Custom';
   var context = isCustomShema ? getSdataDefault(sdataCustomSchema, 'context') : getSdataDefault(sdataSchema);
@@ -1214,7 +1210,7 @@ var initSdata = function initSdata(schema) {
 };
 function sdataReducer(state, action) {
   if (action.data.result.init) {
-    return correctErrors(_objectSpread$13(_objectSpread$13({}, state), {}, {
+    return correctErrors(_objectSpread$14(_objectSpread$14({}, state), {}, {
       result: Object.assign({}, state.result, action.data.result)
     }), action.data);
   }
@@ -1222,7 +1218,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$13(_objectSpread$13({}, state), {}, {
+  newstate = newstate || _objectSpread$14(_objectSpread$14({}, state), {}, {
     result: Object.assign({}, state.result, action.data.result)
   });
   return correctErrors(newstate, action.data);
@@ -1246,7 +1242,7 @@ var onContextChange = function onContextChange(state, payload) {
   var fValue = fieldValue;
   if (fValue === state.result.fieldValue) fValue = getSdataDefault(sdataCustomSchema, 'fieldValue');
   return {
-    result: _objectSpread$13(_objectSpread$13({}, payload), {}, {
+    result: _objectSpread$14(_objectSpread$14({}, payload), {}, {
       context: context,
       fieldName: fieldName,
       fieldValue: fValue
@@ -1260,7 +1256,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$13(_objectSpread$13({}, payload), {}, {
+    result: _objectSpread$14(_objectSpread$14({}, payload), {}, {
       fieldName: fieldName,
       fieldValue: fieldValue
     })
@@ -1398,8 +1394,8 @@ function formReducer(state, action, formName) {
 var INDIGO_VERIFICATION = 'INDIGO_VERIFICATION';
 var ANALYZING_FILE = 'ANALYZING_FILE';
 
-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__default["default"](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; }
+function ownKeys$13(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$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function indigoVerification(data) {
   return {
     type: INDIGO_VERIFICATION,
@@ -1424,13 +1420,13 @@ function requestReducer () {
   switch (type) {
     case INDIGO_VERIFICATION:
       {
-        return _objectSpread$12(_objectSpread$12({}, state), {}, {
+        return _objectSpread$13(_objectSpread$13({}, state), {}, {
           indigoVerification: data
         });
       }
     case ANALYZING_FILE:
       {
-        return _objectSpread$12(_objectSpread$12({}, state), {}, {
+        return _objectSpread$13(_objectSpread$13({}, state), {}, {
           isAnalyzingFile: data
         });
       }
@@ -1703,12 +1699,12 @@ var attachSchema = {
 };
 
 var _excluded$E = ["type", "radiobuttons"];
-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__default["default"](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__default["default"](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 DefaultStereoGroupNumber = 1;
 function fromElement(selem) {
   if (selem.label === 'R#') {
-    return _objectSpread$11({
+    return _objectSpread$12({
       type: 'rlabel',
       values: fromRlabel(selem.rglabel)
     }, selem);
@@ -1868,7 +1864,7 @@ function fromBond(sbond) {
   };
 }
 function toBond(bond) {
-  return _objectSpread$11({
+  return _objectSpread$12({
     topology: bond.topology,
     reactingCenterStatus: bond.center
   }, toBondType(bond.type));
@@ -1958,7 +1954,7 @@ function toSgroup(sgroup) {
   var type = sgroup.type,
       radiobuttons = sgroup.radiobuttons,
       props = _objectWithoutProperties__default["default"](sgroup, _excluded$E);
-  var attrs = _objectSpread$11({}, props);
+  var attrs = _objectSpread$12({}, props);
   var absolute = 'absolute';
   var attached = 'attached';
   switch (radiobuttons) {
@@ -2459,8 +2455,8 @@ var tools$1 = typeSchema$1["enum"].reduce(function (res, type, i) {
 }, toolActions);
 
 var _excluded$D = ["rescale", "fragment"];
-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__default["default"](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__default["default"](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 onAction(action) {
   if (action && action.dialog) {
     return {
@@ -2510,7 +2506,7 @@ function load(struct, options) {
               server = state.server;
               errorHandler = editor.errorHandler;
               options = options || {};
-              options = _objectSpread$10(_objectSpread$10({}, options), {}, {
+              options = _objectSpread$11(_objectSpread$11({}, options), {}, {
                 'dearomatize-on-load': editor.options()['dearomatize-on-load']
               });
               dispatch(setAnalyzingFile(true));
@@ -2938,7 +2934,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.7.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.7.0-rc.4\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -2999,9 +2995,9 @@ var fullscreen = {
   }
 };
 
-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__default["default"](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 config = _objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$(_objectSpread$$({
+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__default["default"](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 config = _objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10({
   clear: {
     shortcut: 'Mod+Delete',
     title: 'Clear Canvas',
@@ -6907,13 +6903,13 @@ function findIconByName(name) {
 }
 
 var _excluded$C = ["name"];
-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__default["default"](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__default["default"](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 Icon(_ref) {
   var name = _ref.name,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$C);
   var Component = findIconByName(name);
-  return jsxRuntime.jsx(Component, _objectSpread$_({}, props));
+  return jsxRuntime.jsx(Component, _objectSpread$$({}, props));
 }
 
 var classes$N = {"button-common-styles":"ActionButton-module_button-common-styles__y-hng","scrollbar":"ActionButton-module_scrollbar__lD3MH","button":"ActionButton-module_button__nfoWQ","selected":"ActionButton-module_selected__kPCxA"};
@@ -7209,8 +7205,8 @@ function usePortalStyle(_ref) {
   return [portalStyle];
 }
 
-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__default["default"](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__default["default"](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 ToolbarMultiToolItem = function ToolbarMultiToolItem(props) {
   var id = props.id,
       options = props.options,
@@ -7272,7 +7268,7 @@ var ToolbarMultiToolItem = function ToolbarMultiToolItem(props) {
   return displayMultiToolItem ? jsxRuntime.jsxs("div", {
     ref: ref,
     className: classes$L.root,
-    children: [jsxRuntime.jsx(ActionButton, _objectSpread$Z(_objectSpread$Z({}, actionButtonProps), {}, {
+    children: [jsxRuntime.jsx(ActionButton, _objectSpread$_(_objectSpread$_({}, actionButtonProps), {}, {
       className: className,
       name: currentId,
       action: config[currentId],
@@ -7372,8 +7368,8 @@ var TemplatesList = function TemplatesList(props) {
 var classes$K = {"button-common-styles":"BottomToolbar-module_button-common-styles__PbtE9","scrollbar":"BottomToolbar-module_scrollbar__i1f8P","group":"BottomToolbar-module_group__b-pGt","root":"BottomToolbar-module_root__kjkSm"};
 
 var _excluded$B = ["className"];
-function ownKeys$Y(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$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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__default["default"](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; }
 var Group$1 = function Group(_ref) {
   var children = _ref.children,
       className = _ref.className;
@@ -7399,7 +7395,7 @@ var BottomToolbar = function BottomToolbar(props) {
         onAction: onAction
       })
     }), jsxRuntime.jsx(Group$1, {
-      children: jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$Y({
+      children: jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$Z({
         id: "template-lib"
       }, rest))
     })]
@@ -7494,15 +7490,15 @@ function prefetchRender(tmpls, baseUrl, cacheEl) {
   });
 }
 
-function ownKeys$X(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$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$Y(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$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function openDialog(dispatch, dialogName, props) {
   return new Promise(function (resolve, reject) {
     dispatch({
       type: 'MODAL_OPEN',
       data: {
         name: dialogName,
-        prop: _objectSpread$X(_objectSpread$X({}, props), {}, {
+        prop: _objectSpread$Y(_objectSpread$Y({}, props), {}, {
           onResult: resolve,
           onCancel: reject
         })
@@ -7520,7 +7516,7 @@ function modalReducer() {
       return null;
     }
     var formState = formReducer(state.form, action, state.name);
-    return _objectSpread$X(_objectSpread$X({}, state), {}, {
+    return _objectSpread$Y(_objectSpread$Y({}, state), {}, {
       form: formState
     });
   }
@@ -7538,8 +7534,8 @@ function modalReducer() {
   }
 }
 
-function ownKeys$W(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$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$X(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$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function selectTmpl(tmpl) {
   return {
     type: 'TMPL_SELECT',
@@ -7639,7 +7635,7 @@ function saveUserTmpl(struct) {
       var name = _ref.name,
           attach = _ref.attach;
       tmpl.struct.name = name.trim();
-      tmpl.props = _objectSpread$W(_objectSpread$W({}, attach), {}, {
+      tmpl.props = _objectSpread$X(_objectSpread$X({}, attach), {}, {
         group: 'User Templates'
       });
       var lib = getState().templates.lib.concat(tmpl);
@@ -7678,7 +7674,7 @@ function templatesReducer() {
   if (tmplActions.includes(action.type)) return Object.assign({}, state, action.data);
   if (attachActions.includes(action.type)) {
     var attach = Object.assign({}, state.attach, action.data);
-    return _objectSpread$W(_objectSpread$W({}, state), {}, {
+    return _objectSpread$X(_objectSpread$X({}, state), {}, {
       attach: attach
     });
   }
@@ -7687,7 +7683,7 @@ function templatesReducer() {
     var lib = currentState.lib.filter(function (value) {
       return value !== action.data.tmpl;
     });
-    return _objectSpread$W(_objectSpread$W({}, currentState), {}, {
+    return _objectSpread$X(_objectSpread$X({}, currentState), {}, {
       lib: lib
     });
   }
@@ -7695,8 +7691,8 @@ function templatesReducer() {
 }
 
 var _excluded$A = ["type", "action"];
-function ownKeys$V(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$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$W(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$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function execute(activeTool, _ref) {
   var action = _ref.action,
       editor = _ref.editor,
@@ -7708,9 +7704,7 @@ function execute(activeTool, _ref) {
     }
   } else if (typeof action === 'function') {
     action(editor, server, options);
-  } else {
-    console.info('no action');
-  }
+  } else ;
   return activeTool;
 }
 function selected(actObj, activeTool, _ref2) {
@@ -7752,7 +7746,7 @@ function actionStateReducer () {
     case 'INIT':
       action = config['select-rectangle'].action;
     case 'ACTION':
-      activeTool = execute(state && state.activeTool, _objectSpread$V(_objectSpread$V({}, params), {}, {
+      activeTool = execute(state && state.activeTool, _objectSpread$W(_objectSpread$W({}, params), {}, {
         action: action
       }));
     case 'UPDATE':
@@ -7768,8 +7762,8 @@ function actionStateReducer () {
   }
 }
 
-function ownKeys$U(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$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$V(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$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initialState$1 = {
   lib: [],
   functionalGroupInfo: null,
@@ -7782,9 +7776,9 @@ var functionalGroupsReducer = function functionalGroupsReducer() {
       payload = _ref.payload;
   switch (type) {
     case 'FG_INIT':
-      return _objectSpread$U(_objectSpread$U({}, state), payload);
+      return _objectSpread$V(_objectSpread$V({}, state), payload);
     case 'FG_HIGHLIGHT':
-      return _objectSpread$U(_objectSpread$U({}, state), {}, {
+      return _objectSpread$V(_objectSpread$V({}, state), {}, {
         functionalGroupInfo: payload
       });
     default:
@@ -7847,6 +7841,148 @@ function initFGTemplates(baseUrl) {
   }();
 }
 
+function ownKeys$U(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$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var renderCache = new Map();
+var RenderStruct = function () {
+  function RenderStruct() {
+    _classCallCheck__default["default"](this, RenderStruct);
+  }
+  _createClass__default["default"](RenderStruct, null, [{
+    key: "prepareStruct",
+    value:
+    function prepareStruct(struct) {
+      if (struct.sgroups.size > 0) {
+        var newStruct = struct.clone();
+        newStruct.sgroups["delete"](0);
+        return newStruct;
+      }
+      return struct;
+    }
+  }, {
+    key: "render",
+    value: function render(el, struct) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (el && struct) {
+        var _options$cachePrefix = options.cachePrefix,
+            cachePrefix = _options$cachePrefix === void 0 ? '' : _options$cachePrefix;
+        var cacheKey = "".concat(cachePrefix).concat(struct.name);
+        if (renderCache.has(cacheKey)) {
+          el.innerHTML = renderCache.get(cacheKey);
+          return;
+        }
+        var preparedStruct = this.prepareStruct(struct);
+        preparedStruct.initHalfBonds();
+        preparedStruct.initNeighbors();
+        preparedStruct.setImplicitHydrogen();
+        preparedStruct.markFragments();
+        var rnd = new ketcherCore.Render(el, _objectSpread$U({
+          autoScale: true
+        }, options));
+        rnd.setMolecule(preparedStruct);
+        rnd.update(true, options.viewSz);
+        renderCache.set(cacheKey, rnd.clientArea.innerHTML);
+      }
+    }
+  }]);
+  return RenderStruct;
+}();
+
+function fileOpener(server) {
+  return new Promise(function (resolve, reject) {
+    if (global.FileReader) {
+      resolve(throughFileReader);
+    } else if (global.ActiveXObject) {
+      try {
+        var fso = new ActiveXObject('Scripting.FileSystemObject');
+        resolve(function (file) {
+          return Promise.resolve(throughFileSystemObject(fso, file));
+        });
+      } catch (e) {
+        reject(e);
+      }
+    } else if (server) {
+      resolve(server.then(function () {
+        throw Error("Server doesn't still support echo method");
+      }));
+    } else {
+      reject(new Error('Your browser does not support opening files locally'));
+    }
+  });
+}
+function throughFileReader(file) {
+  var isCDX = file.name.endsWith('cdx');
+  return new Promise(function (resolve, reject) {
+    var rd = new FileReader();
+    rd.onload = function () {
+      var content = isCDX ? rd.result.slice(37) : rd.result;
+      if (file.msClose) file.msClose();
+      resolve(content);
+    };
+    rd.onerror = function (event) {
+      reject(event);
+    };
+    isCDX ? rd.readAsDataURL(file) : rd.readAsText(file, 'UTF-8');
+  });
+}
+function throughFileSystemObject(fso, file) {
+  var fd = fso.OpenTextFile(file.name, 1);
+  var content = fd.ReadAll();
+  fd.Close();
+  return content;
+}
+
+var GREEK_SIMBOLS = {
+  Alpha: 'A',
+  alpha: 'α',
+  Beta: 'B',
+  beta: 'β',
+  Gamma: 'Г',
+  gamma: 'γ'
+};
+var greekRe = new RegExp('\\b' + Object.keys(GREEK_SIMBOLS).join('\\b|\\b') + '\\b', 'g');
+function greekify(str) {
+  return str.replace(greekRe, function (sym) {
+    return GREEK_SIMBOLS[sym];
+  });
+}
+function filterLib(lib, filter) {
+  var trimmedFilter = filter.trim();
+  var re = new RegExp(fp.escapeRegExp(greekify(trimmedFilter)), 'i');
+  return fp.flow(fp.filter(function (item) {
+    return !trimmedFilter || re.test(greekify(item.struct.name)) || re.test(greekify(item.props.group));
+  }), fp.reduce(function (res, item) {
+    if (!res[item.props.group]) res[item.props.group] = [item];else res[item.props.group].push(item);
+    return res;
+  }, {}))(lib);
+}
+function filterFGLib(lib, filter) {
+  var trimmedFilter = filter.trim();
+  var re = new RegExp(fp.escapeRegExp(greekify(trimmedFilter)), 'i');
+  var searchFunction = function searchFunction(item) {
+    var fields = [item.struct.name, item.props.abbreviation, item.props.name].filter(Boolean);
+    return fields.some(function (field) {
+      return re.test(greekify(field));
+    });
+  };
+  return fp.flow(fp.filter(function (item) {
+    return !trimmedFilter || searchFunction(item);
+  }), fp.reduce(function (res, item) {
+    if (!res[item.props.group]) res[item.props.group] = [item];else res[item.props.group].push(item);
+    return res;
+  }, {}))(lib);
+}
+var getSelectOptionsFromSchema = function getSelectOptionsFromSchema(schema) {
+  return schema["enum"].reduce(function (options, value, index) {
+    var _schema$enumNames$ind, _schema$enumNames;
+    options.push({
+      value: value,
+      label: (_schema$enumNames$ind = schema === null || schema === void 0 ? void 0 : (_schema$enumNames = schema.enumNames) === null || _schema$enumNames === void 0 ? void 0 : _schema$enumNames[index]) !== null && _schema$enumNames$ind !== void 0 ? _schema$enumNames$ind : value
+    });
+    return options;
+  }, []);
+};
+
 function ownKeys$T(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$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initialState = {
@@ -7873,22 +8009,37 @@ var initSaltsAndSolvents = function initSaltsAndSolvents(lib) {
     }
   };
 };
+var prerenderPartOfStructures = function prerenderPartOfStructures(saltsAndSolvents, settings) {
+  var part = saltsAndSolvents.slice(0, 50);
+  part.forEach(function (struct) {
+    var div = document.createElement('div');
+    div.style.width = '100px';
+    div.style.height = '100px';
+    div.style.display = 'none';
+    document.body.appendChild(div);
+    RenderStruct.render(div, struct, _objectSpread$T(_objectSpread$T({}, settings), {}, {
+      autoScaleMargin: 15
+    }));
+    div.remove();
+  });
+};
 function initSaltsAndSolventsTemplates(baseUrl) {
   return function () {
-    var _ref2 = _asyncToGenerator__default["default"]( _regeneratorRuntime__default["default"].mark(function _callee(dispatch) {
-      var fileName, url, saltsAndSolventsProvider, functionalGroupsProvider, sdfSerializer, text, templates, saltsAndSolvents;
+    var _ref2 = _asyncToGenerator__default["default"]( _regeneratorRuntime__default["default"].mark(function _callee(dispatch, getState) {
+      var fileName, settings, url, saltsAndSolventsProvider, functionalGroupsProvider, sdfSerializer, text, templates, saltsAndSolvents;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               fileName = 'salts-and-solvents.sdf';
+              settings = getState().options.settings;
               url = "".concat(baseUrl, "/templates/").concat(fileName);
               saltsAndSolventsProvider = ketcherCore.SaltsAndSolventsProvider.getInstance();
               functionalGroupsProvider = ketcherCore.FunctionalGroupsProvider.getInstance();
               sdfSerializer = new ketcherCore.SdfSerializer();
-              _context.next = 7;
+              _context.next = 8;
               return prefetchStatic(url);
-            case 7:
+            case 8:
               text = _context.sent;
               templates = sdfSerializer.deserialize(text);
               saltsAndSolvents = templates.reduce(function (acc, _ref3) {
@@ -7898,20 +8049,21 @@ function initSaltsAndSolventsTemplates(baseUrl) {
                 acc.push(struct);
                 return acc;
               }, []);
+              prerenderPartOfStructures(saltsAndSolvents, settings);
               saltsAndSolventsProvider.setSaltsAndSolventsList(saltsAndSolvents);
               functionalGroupsProvider.addToFunctionalGroupsList(saltsAndSolvents);
               dispatch(initSaltsAndSolvents(templates));
               dispatch(appUpdate({
                 saltsAndSolvents: true
               }));
-            case 14:
+            case 16:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
     }));
-    return function (_x) {
+    return function (_x, _x2) {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -8093,9 +8245,6 @@ function createStore (options, server, setEditor) {
     templates: initTmplsState
   };
   var middleware = [thunk__default["default"]];
-  if (process.env.KETCHER_ENABLE_REDUX_LOGGER === 'true') {
-    middleware.push(reduxLogger.logger);
-  }
   var rootReducer = getRootReducer(setEditor);
   return redux.createStore(rootReducer, initState, redux.applyMiddleware.apply(void 0, middleware));
 }
@@ -9682,7 +9831,6 @@ var TopToolbar = function TopToolbar(_ref) {
       isCollapsed: width < collapseLimit
     }), jsxRuntime.jsx(SystemControls, {
       onHistoryClick: function onHistoryClick() {
-        console.log('History button clicked');
       },
       onSettingsOpen: onSettingsOpen,
       onFullscreen: onFullscreen,
@@ -12459,7 +12607,6 @@ function sgroupDialog(editor, id, defaultType) {
   var type = sg ? sg.type : defaultType;
   var eventName = type === 'DAT' ? 'sdataEdit' : 'sgroupEdit';
   if (!selection.atoms && !selection.bonds && !sg) {
-    console.info('There is no selection or sgroup');
     return;
   }
   var attrs;
@@ -13337,7 +13484,6 @@ var EraserTool = function () {
       } else if (ci.map === 'texts') {
         this.editor.update(ketcherCore.fromTextDeletion(restruct, ci.id));
       } else {
-        console.error('EraserTool: unable to delete the object ' + ci.map + '[' + ci.id + ']');
         return;
       }
       this.editor.selection(null);
@@ -15413,7 +15559,6 @@ function domEventSetup(editor, clientArea) {
 }
 function recoordinate(editor, rp
 ) {
-  console.assert(rp, 'Reference point not specified');
   if (rp) {
     editor.render.setScrollOffset(rp.x, rp.y);
   } else {
@@ -15649,42 +15794,10 @@ var Cursor = function Cursor(_ref) {
 };
 
 var _excluded$r = ["struct", "Tag"];
-function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function ownKeys$E(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$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function prepareStruct(struct) {
-  if (struct.sgroups.size > 0) {
-    var newStruct = struct.clone();
-    newStruct.sgroups["delete"](0);
-    return newStruct;
-  }
-  return struct;
-}
-var renderCache = new Map();
-function renderStruct(el, struct) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (el && struct) {
-    var _options$cachePrefix = options.cachePrefix,
-        cachePrefix = _options$cachePrefix === void 0 ? '' : _options$cachePrefix;
-    var cacheKey = "".concat(cachePrefix).concat(struct.name);
-    if (renderCache.has(cacheKey)) {
-      el.innerHTML = renderCache.get(cacheKey);
-      return;
-    }
-    var preparedStruct = prepareStruct(struct);
-    preparedStruct.initHalfBonds();
-    preparedStruct.initNeighbors();
-    preparedStruct.setImplicitHydrogen();
-    preparedStruct.markFragments();
-    var rnd = new ketcherCore.Render(el, _objectSpread$E({
-      autoScale: true
-    }, options));
-    rnd.setMolecule(preparedStruct);
-    rnd.update(true, options.viewSz);
-    renderCache.set(cacheKey, rnd.clientArea.innerHTML);
-  }
-}
+function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
+function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var StructRender = function (_Component) {
   _inherits__default["default"](StructRender, _Component);
   var _super = _createSuper$a(StructRender);
@@ -15721,7 +15834,7 @@ var StructRender = function (_Component) {
       el === null || el === void 0 ? void 0 : el.childNodes.forEach(function (node) {
         node.remove();
       });
-      renderStruct(el, parsedStruct, options);
+      RenderStruct.render(el, parsedStruct, options);
     }
   }, {
     key: "componentDidMount",
@@ -16626,103 +16739,6 @@ var Select = function Select(_ref2) {
 
 var classes$z = {"button-common-styles":"form-module_button-common-styles__BvKSn","scrollbar":"form-module_scrollbar__MgLtc","dataError":"form-module_dataError__IXK1h","inputWrapper":"form-module_inputWrapper__sIDHH"};
 
-function fileOpener(server) {
-  return new Promise(function (resolve, reject) {
-    if (global.FileReader) {
-      resolve(throughFileReader);
-    } else if (global.ActiveXObject) {
-      try {
-        var fso = new ActiveXObject('Scripting.FileSystemObject');
-        resolve(function (file) {
-          return Promise.resolve(throughFileSystemObject(fso, file));
-        });
-      } catch (e) {
-        reject(e);
-      }
-    } else if (server) {
-      resolve(server.then(function () {
-        throw Error("Server doesn't still support echo method");
-      }));
-    } else {
-      reject(new Error('Your browser does not support opening files locally'));
-    }
-  });
-}
-function throughFileReader(file) {
-  var isCDX = file.name.endsWith('cdx');
-  return new Promise(function (resolve, reject) {
-    var rd = new FileReader();
-    rd.onload = function () {
-      var content = isCDX ? rd.result.slice(37) : rd.result;
-      if (file.msClose) file.msClose();
-      resolve(content);
-    };
-    rd.onerror = function (event) {
-      reject(event);
-    };
-    isCDX ? rd.readAsDataURL(file) : rd.readAsText(file, 'UTF-8');
-  });
-}
-function throughFileSystemObject(fso, file) {
-  var fd = fso.OpenTextFile(file.name, 1);
-  var content = fd.ReadAll();
-  fd.Close();
-  return content;
-}
-
-var GREEK_SIMBOLS = {
-  Alpha: 'A',
-  alpha: 'α',
-  Beta: 'B',
-  beta: 'β',
-  Gamma: 'Г',
-  gamma: 'γ'
-};
-var greekRe = new RegExp('\\b' + Object.keys(GREEK_SIMBOLS).join('\\b|\\b') + '\\b', 'g');
-function greekify(str) {
-  return str.replace(greekRe, function (sym) {
-    return GREEK_SIMBOLS[sym];
-  });
-}
-function filterLib(lib, filter) {
-  console.warn('Filter', filter);
-  var trimmedFilter = filter.trim();
-  var re = new RegExp(fp.escapeRegExp(greekify(trimmedFilter)), 'i');
-  return fp.flow(fp.filter(function (item) {
-    return !trimmedFilter || re.test(greekify(item.struct.name)) || re.test(greekify(item.props.group));
-  }), fp.reduce(function (res, item) {
-    if (!res[item.props.group]) res[item.props.group] = [item];else res[item.props.group].push(item);
-    return res;
-  }, {}))(lib);
-}
-function filterFGLib(lib, filter) {
-  console.warn('Filter', filter);
-  var trimmedFilter = filter.trim();
-  var re = new RegExp(fp.escapeRegExp(greekify(trimmedFilter)), 'i');
-  var searchFunction = function searchFunction(item) {
-    var fields = [item.struct.name, item.props.abbreviation, item.props.name].filter(Boolean);
-    return fields.some(function (field) {
-      return re.test(greekify(field));
-    });
-  };
-  return fp.flow(fp.filter(function (item) {
-    return !trimmedFilter || searchFunction(item);
-  }), fp.reduce(function (res, item) {
-    if (!res[item.props.group]) res[item.props.group] = [item];else res[item.props.group].push(item);
-    return res;
-  }, {}))(lib);
-}
-var getSelectOptionsFromSchema = function getSelectOptionsFromSchema(schema) {
-  return schema["enum"].reduce(function (options, value, index) {
-    var _schema$enumNames$ind, _schema$enumNames;
-    options.push({
-      value: value,
-      label: (_schema$enumNames$ind = schema === null || schema === void 0 ? void 0 : (_schema$enumNames = schema.enumNames) === null || _schema$enumNames === void 0 ? void 0 : _schema$enumNames[index]) !== null && _schema$enumNames$ind !== void 0 ? _schema$enumNames$ind : value
-    });
-    return options;
-  }, []);
-};
-
 var _excluded$o = ["schema", "result", "customValid"],
     _excluded2$3 = ["labelPos", "title", "children"],
     _excluded3 = ["name", "onChange", "component", "labelPos", "className"],
@@ -17752,7 +17768,6 @@ var mapDispatchToProps$b = function mapDispatchToProps(dispatch, ownProps) {
           result: JSON.parse(newOpts)
         }));
       } catch (ex) {
-        console.info('Bad file');
       }
     },
     onReset: function onReset() {
@@ -18456,7 +18471,7 @@ var MiewDialog = function MiewDialog(_ref) {
     }).then(function () {
       return miew.setOptions(miewOpts);
     })["catch"](function (ex) {
-      return console.error(ex.message);
+      return (void 0);
     });
   }, [miewOpts, server, struct]);
   var exportCML = React.useCallback(function () {
@@ -21290,6 +21305,45 @@ var EmptySearchResult = function EmptySearchResult(_ref) {
   });
 };
 
+var SALTS_AND_SOLVENTS = 'Salts and Solvents';
+var batchDelay = 300;
+function useSaltsAndSolvents(saltsAndSolvents, filter) {
+  var _useState = React.useState(true),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      isFirstRender = _useState2[0],
+      setIsFirstRender = _useState2[1];
+  var timerId = React.useRef(null);
+  var _useState3 = React.useState(saltsAndSolvents[SALTS_AND_SOLVENTS]),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      filteredSaltsAndSolvents = _useState4[0],
+      setFilteredSaltsAndSolvents = _useState4[1];
+  var addToSaSWithBatches = React.useCallback(function (fullFilteredArray) {
+    var batchSize = 16;
+    setFilteredSaltsAndSolvents(function (filteredSaltsAndSolvents) {
+      return [].concat(_toConsumableArray__default["default"](filteredSaltsAndSolvents !== null && filteredSaltsAndSolvents !== void 0 ? filteredSaltsAndSolvents : []), _toConsumableArray__default["default"](fullFilteredArray.splice(0, batchSize)));
+    });
+    if (fullFilteredArray.length > 0) {
+      timerId.current = setTimeout(function () {
+        return addToSaSWithBatches(fullFilteredArray);
+      }, batchDelay);
+    }
+  }, []);
+  React.useEffect(function () {
+    var filteredSaS = filterFGLib(saltsAndSolvents, filter)[SALTS_AND_SOLVENTS];
+    addToSaSWithBatches(filteredSaS);
+  }, [saltsAndSolvents, addToSaSWithBatches]);
+  React.useEffect(function () {
+    if (isFirstRender) {
+      setIsFirstRender(false);
+      return;
+    }
+    clearTimeout(timerId.current);
+    var filteredSaS = filterFGLib(saltsAndSolvents, filter)[SALTS_AND_SOLVENTS];
+    setFilteredSaltsAndSolvents(filteredSaS);
+  }, [saltsAndSolvents, filter]);
+  return filteredSaltsAndSolvents;
+}
+
 var _excluded$1 = ["children", "value", "index"],
     _excluded2 = ["filter", "onFilter", "onChangeGroup", "mode", "initialTab", "functionalGroups", "lib", "saltsAndSolvents"];
 function ownKeys$4(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; }
@@ -21327,7 +21381,6 @@ var filterLibSelector = reselect.createSelector(function (props) {
   return props.filter;
 }, filterLib);
 var FUNCTIONAL_GROUPS = 'Functional Groups';
-var SALTS_AND_SOLVENTS = 'Salts and Solvents';
 var HeaderContent = function HeaderContent() {
   return jsxRuntime.jsxs("div", {
     className: classes$8.dialogHeader,
@@ -21381,21 +21434,15 @@ var TemplateDialog = function TemplateDialog(props) {
       _useState4 = _slicedToArray__default["default"](_useState3, 2),
       expandedAccordions = _useState4[0],
       setExpandedAccordions = _useState4[1];
+  var filteredSaltsAndSolvents = useSaltsAndSolvents(saltsAndSolvents, filter);
   var _useState5 = React.useState(functionalGroups[FUNCTIONAL_GROUPS]),
       _useState6 = _slicedToArray__default["default"](_useState5, 2),
       filteredFG = _useState6[0],
       setFilteredFG = _useState6[1];
-  var _useState7 = React.useState(saltsAndSolvents[SALTS_AND_SOLVENTS]),
-      _useState8 = _slicedToArray__default["default"](_useState7, 2),
-      filteredSaltsAndSolvents = _useState8[0],
-      setFilteredSaltsAndSolvents = _useState8[1];
   var filteredTemplateLib = filterLibSelector(props);
   React.useEffect(function () {
     setFilteredFG(filterFGLib(functionalGroups, filter)[FUNCTIONAL_GROUPS]);
   }, [functionalGroups, filter]);
-  React.useEffect(function () {
-    setFilteredSaltsAndSolvents(filterFGLib(saltsAndSolvents, filter)[SALTS_AND_SOLVENTS]);
-  }, [saltsAndSolvents, filter]);
   var handleTabChange = function handleTabChange(_, tab) {
     setTab(tab);
     props.onSelect(null);
@@ -22302,8 +22349,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.7.0-rc.2" ,
-                    buildDate: "2022-12-16T15:41:03" ,
+                    version: "2.7.0-rc.4" ,
+                    buildDate: "2022-12-20T17:00:39" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });