ketcher-react 2.6.0-rc.3 → 2.6.1

package/dist/index.modern.js

@@ -40,7 +40,7 @@ import ReactDOM from 'react-dom';
 import { connect, useDispatch, useSelector, Provider } from 'react-redux';
 import { combineReducers, createStore as createStore$1, applyMiddleware } from 'redux';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import 'redux-logger';
+import { logger } from 'redux-logger';
 import thunk from 'redux-thunk';
 import { throttle as throttle$1, inRange, isEqual as isEqual$1, range as range$1 } from 'lodash';
 import useResizeObserver from 'use-resize-observer/polyfilled';
@@ -356,6 +356,7 @@ function _copy(cb, data) {
         cb.setData(fmt, data[fmt]);
       });
     } catch (ex) {
+      console.info("Could not write exact type ".concat(curFmt));
     }
   }
 }
@@ -681,6 +682,7 @@ var storage = {
     try {
       item = JSON.parse(localStorage.getItem(key));
     } catch (ex) {
+      console.info('LocalStorage:', ex.name);
     }
     return item;
   },
@@ -690,6 +692,7 @@ var storage = {
       localStorage.setItem(key, JSON.stringify(data));
       isSet = true;
     } catch (ex) {
+      console.info('LocalStorage:', ex.name);
       isSet = false;
     }
     return isSet;
@@ -823,6 +826,7 @@ 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;
@@ -2478,7 +2482,7 @@ function load(struct, options) {
                 if (parsedStruct.isBlank()) {
                   dispatch({
                     type: 'ACTION',
-                    action: tools$1['select-lasso'].action
+                    action: tools$1['select-rectangle'].action
                   });
                 } else {
                   dispatch(onAction({
@@ -2850,7 +2854,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.6.0-rc.2\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
+  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.6.0\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -2923,7 +2927,7 @@ var config = _objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_ob
         if (!editor.struct().isBlank()) editor.struct(null);
         dispatch({
           type: 'ACTION',
-          action: tools$1['select-lasso'].action
+          action: tools$1['select-rectangle'].action
         });
       }
     },
@@ -7620,7 +7624,9 @@ function execute(activeTool, _ref) {
     }
   } else if (typeof action === 'function') {
     action(editor, server, options);
-  } else ;
+  } else {
+    console.info('no action');
+  }
   return activeTool;
 }
 function selected(actObj, activeTool, _ref2) {
@@ -7660,7 +7666,7 @@ function actionStateReducer () {
   var activeTool;
   switch (type) {
     case 'INIT':
-      action = config['select-lasso'].action;
+      action = config['select-rectangle'].action;
     case 'ACTION':
       activeTool = execute(state && state.activeTool, _objectSpread$S(_objectSpread$S({}, params), {}, {
         action: action
@@ -7750,7 +7756,7 @@ var initial = {
   currentAtom: 0,
   opened: null,
   visibleTools: {
-    select: 'select-lasso'
+    select: 'select-rectangle'
   }
 };
 var MAX_ATOMS = 7;
@@ -7918,6 +7924,7 @@ function createStore (options, server, setEditor) {
     templates: initTmplsState
   };
   var middleware = [thunk];
+  middleware.push(logger);
   var rootReducer = getRootReducer(setEditor);
   return createStore$1(rootReducer, initState, applyMiddleware.apply(void 0, middleware));
 }
@@ -7976,7 +7983,7 @@ var groupDescriptors = groups.reduce(function (accum, group, index) {
 var rGroupOptions = makeItems(['rgroup-label', 'rgroup-fragment', 'rgroup-attpoints']);
 var shapeOptions = makeItems(['shape-ellipse', 'shape-rectangle', 'shape-line']);
 var transformOptions = makeItems(['transform-rotate', 'transform-flip-h', 'transform-flip-v']);
-var selectOptions$2 = makeItems(['select-lasso', 'select-rectangle', 'select-fragment']);
+var selectOptions$2 = makeItems(['select-rectangle', 'select-lasso', 'select-fragment']);
 var arrowsOptions = makeItems(['reaction-arrow-open-angle', 'reaction-arrow-filled-triangle', 'reaction-arrow-filled-bow', 'reaction-arrow-dashed-open-angle', 'reaction-arrow-failed', 'reaction-arrow-both-ends-filled-triangle', 'reaction-arrow-equilibrium-filled-half-bow', 'reaction-arrow-equilibrium-filled-triangle', 'reaction-arrow-equilibrium-open-angle', 'reaction-arrow-unbalanced-equilibrium-filled-half-bow', 'reaction-arrow-unbalanced-equilibrium-open-half-angle', 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow', 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle', 'reaction-arrow-elliptical-arc-arrow-filled-bow', 'reaction-arrow-elliptical-arc-arrow-filled-triangle', 'reaction-arrow-elliptical-arc-arrow-open-angle', 'reaction-arrow-elliptical-arc-arrow-open-half-angle']);
 var mappingOptions = makeItems(['reaction-map', 'reaction-unmap', 'reaction-automap']);
 
@@ -8791,10 +8798,12 @@ var AtomsList = forwardRef(function (props, ref) {
     children: atoms.map(function (label) {
       var element = Elements.get(label);
       var shortcut = atoms.indexOf(label) > -1 ? shortcutStr(atomCuts[label]) : null;
+      var isSelected = isAtom && active && active.opts.label === label;
       return jsx(StyledAtom, {
         el: element,
         shortcut: shortcut,
-        selected: isAtom && active && active.opts.label === label,
+        className: isSelected ? 'selected' : '',
+        selected: isSelected,
         onClick: function onClick() {
           return onAction({
             tool: 'atom',
@@ -9502,6 +9511,7 @@ var TopToolbar = function TopToolbar(_ref) {
       isCollapsed: width < collapseLimit
     }), jsx(SystemControls, {
       onHistoryClick: function onHistoryClick() {
+        console.log('History button clicked');
       },
       onSettingsOpen: onSettingsOpen,
       onFullscreen: onFullscreen,
@@ -12222,6 +12232,7 @@ 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;
@@ -13052,6 +13063,7 @@ var EraserTool = function () {
       } else if (ci.map === 'texts') {
         this.editor.update(fromTextDeletion(restruct, ci.id));
       } else {
+        console.error('EraserTool: unable to delete the object ' + ci.map + '[' + ci.id + ']');
         return;
       }
       this.editor.selection(null);
@@ -14790,8 +14802,8 @@ var Editor$3 = function () {
     value: function renderAndRecoordinateStruct(struct) {
       var action = fromNewCanvas(this.render.ctab, struct);
       this.update(action);
-      getStructCenter(this.render.ctab);
-      recoordinate(this);
+      var structCenter = getStructCenter(this.render.ctab);
+      recoordinate(this, structCenter);
       return this.render.ctab.molecule;
     }
   }, {
@@ -14840,8 +14852,8 @@ var Editor$3 = function () {
       }
       this.render.setZoom(value);
       var selection = this.selection();
-      getStructCenter(this.render.ctab, selection);
-      recoordinate(this);
+      var structCenter = getStructCenter(this.render.ctab, selection);
+      recoordinate(this, structCenter);
       this.render.update();
       return this.render.options.zoom;
     }
@@ -15079,6 +15091,7 @@ function domEventSetup(editor, clientArea) {
 }
 function recoordinate(editor, rp
 ) {
+  console.assert(rp, 'Reference point not specified');
   editor.render.setScrollOffset(0, 0);
 }
 function getStructCenter(ReStruct, selection) {
@@ -16096,6 +16109,7 @@ function greekify(str) {
   });
 }
 function filterLib(lib, filter$1) {
+  console.warn('Filter', filter$1);
   var re = new RegExp(escapeRegExp(greekify(filter$1)), 'i');
   return flow(filter(function (item) {
     return !filter$1 || re.test(greekify(item.struct.name)) || re.test(greekify(item.props.group));
@@ -16105,6 +16119,7 @@ function filterLib(lib, filter$1) {
   }, {}))(lib);
 }
 function filterFGLib(lib, filter$1) {
+  console.warn('Filter', filter$1);
   var re = new RegExp(escapeRegExp(greekify(filter$1)), 'i');
   return flow(filter(function (item) {
     return !filter$1 || re.test(greekify(item.struct.name));
@@ -17153,6 +17168,7 @@ var mapDispatchToProps$b = function mapDispatchToProps(dispatch, ownProps) {
           result: JSON.parse(newOpts)
         }));
       } catch (ex) {
+        console.info('Bad file');
       }
     },
     onReset: function onReset() {
@@ -17567,6 +17583,7 @@ function renderStruct(el, struct) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (el) {
     if (struct) {
+      console.info('render!', el.clientWidth, el.clientWidth);
       struct.initHalfBonds();
       struct.initNeighbors();
       struct.setImplicitHydrogen();
@@ -17930,7 +17947,7 @@ var MiewDialog = function MiewDialog(_ref) {
     }).then(function () {
       return miew.setOptions(miewOpts);
     })["catch"](function (ex) {
-      return (void 0);
+      return console.error(ex.message);
     });
   }, [miewOpts, server, struct]);
   var exportCML = useCallback(function () {
@@ -18545,14 +18562,17 @@ var OpenOptions = function OpenOptions(_ref) {
 
 var TextEditor = function TextEditor(_ref) {
   var structStr = _ref.structStr,
-      inputHandler = _ref.inputHandler;
+      inputHandler = _ref.inputHandler,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
   return jsx(Fragment, {
     children: jsx("textarea", {
       className: classes$l.textareaEditor,
       value: structStr,
       onChange: function onChange(event) {
         return inputHandler(event.target.value);
-      }
+      },
+      autoFocus: autoFocus
     })
   });
 };
@@ -18704,7 +18724,8 @@ var Open = function Open(props) {
       errorHandler: errorHandler,
       isRecognizeDisabled: isRecognizeDisabled,
       structStr: structStr,
-      inputHandler: setStructStr
+      inputHandler: setStructStr,
+      autoFocus: true
     })
   });
 };
@@ -21746,8 +21767,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.6.0-rc.3" ,
-                    buildDate: "2022-10-27T17:46:38" ,
+                    version: "2.6.1" ,
+                    buildDate: "2022-11-12T14:27:59" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });