ketcher-react 2.27.0-rc.2 → 2.28.0-dev.1

package/dist/index.modern.js

@@ -51,7 +51,7 @@ import 'redux-logger';
 import thunk from 'redux-thunk';
 import useResizeObserver from 'use-resize-observer/polyfilled';
 import { useInView } from 'react-intersection-observer';
-import { IconButton as IconButton$1, Collapse, ClickAwayListener, Button as Button$1, Popover, ToggleButtonGroup, ToggleButton, MenuList, createTheme, ThemeProvider } from '@mui/material';
+import { IconButton as IconButton$1, Collapse, ClickAwayListener, Button as Button$1, Popover, ToggleButtonGroup, ToggleButton, Tooltip, MenuList, createTheme, ThemeProvider } from '@mui/material';
 import { createSelector } from 'reselect';
 import { isIE } from 'react-device-detect';
 import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
@@ -3733,7 +3733,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.27.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.28.0-dev.1\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -27896,7 +27896,7 @@ var Select = function Select(_ref2) {
   });
 };
 
-var classes$B = {"button-common-styles":"form-module_button-common-styles__BvKSn","scrollbar":"form-module_scrollbar__MgLtc","inputWithExtraLabel":"form-module_inputWithExtraLabel__Y--OH","extraLabel":"form-module_extraLabel__2IE13","dataError":"form-module_dataError__IXK1h","inputWrapper":"form-module_inputWrapper__sIDHH","inputWithEditButtonWrapper":"form-module_inputWithEditButtonWrapper__hM70e","editButton":"form-module_editButton__zLQI5"};
+var classes$B = {"button-common-styles":"form-module_button-common-styles__BvKSn","scrollbar":"form-module_scrollbar__MgLtc","inputWithExtraLabel":"form-module_inputWithExtraLabel__Y--OH","extraLabel":"form-module_extraLabel__2IE13","dataError":"form-module_dataError__IXK1h","inputWrapper":"form-module_inputWrapper__sIDHH","inputWithEditButtonWrapper":"form-module_inputWithEditButtonWrapper__hM70e","editButton":"form-module_editButton__zLQI5","divWithTooltipAndAboutIcon":"form-module_divWithTooltipAndAboutIcon__rnNIB"};
 
 var _excluded$m = ["schema", "result"],
   _excluded2$3 = ["labelPos", "title", "children"],
@@ -28023,11 +28023,33 @@ function Label(_ref) {
     props = _objectWithoutProperties(_ref, _excluded2$3);
   var tooltip = props.tooltip ? props.tooltip : null;
   return jsxs("label", _objectSpread$D(_objectSpread$D({}, props), {}, {
-    children: [title && labelPos !== 'after' ? jsx("span", {
-      title: tooltip,
+    children: [title && labelPos !== 'after' ? tooltip ? jsxs("div", {
+      className: clsx(_defineProperty$1({}, classes$B.divWithTooltipAndAboutIcon, true)),
+      children: [jsx("span", {
+        children: title
+      }), jsx(Tooltip, {
+        title: tooltip,
+        children: jsx("div", {
+          children: jsx(Icon, {
+            name: "about"
+          })
+        })
+      })]
+    }) : jsx("span", {
       children: title
-    }) : '', children, title && labelPos === 'after' ? jsx("span", {
-      title: tooltip,
+    }) : '', children, title && labelPos === 'after' ? tooltip ? jsxs("div", {
+      className: clsx(_defineProperty$1({}, classes$B.divWithTooltipAndAboutIcon, true)),
+      children: [jsx(Tooltip, {
+        title: tooltip,
+        children: jsx("div", {
+          children: jsx(Icon, {
+            name: "about"
+          })
+        })
+      }), jsx("span", {
+        children: title
+      })]
+    }) : jsx("span", {
       children: title
     }) : '']
   }));
@@ -29107,7 +29129,7 @@ var SettingsDialog = function SettingsDialog(props) {
   return jsx(Dialog, {
     className: classes$x.settings,
     result: function result() {
-      return formState.result;
+      return [formState.result, initState];
     },
     valid: function valid() {
       return formState.valid;
@@ -29161,8 +29183,20 @@ var mapDispatchToProps$d = function mapDispatchToProps(dispatch, ownProps) {
       return dispatch(setDefaultSettings());
     },
     onOk: function onOk(res) {
-      dispatch(saveSettings(res));
-      ownProps.onOk(res);
+      var _res = _slicedToArray$1(res, 2),
+        result = _res[0],
+        initState = _res[1];
+      dispatch(saveSettings(result));
+      ownProps.onOk(result);
+      var showNotification = initState.reactionComponentMarginSize !== result.reactionComponentMarginSize;
+      showNotification && dispatch(onAction({
+        dialog: 'info-modal',
+        prop: {
+          title: '',
+          customText: 'To fully apply these changes, you need to apply the layout.',
+          button: 'OK'
+        }
+      }));
     },
     onACSStyle: function onACSStyle(result) {
       dispatch(updateFormState({
@@ -31170,7 +31204,7 @@ function couldBeSaved(struct, format) {
     if (hasRxnArrow) {
       var arrayOfArrows = Array.from(struct.rxnArrows.values());
       var rxnArrowMode = arrayOfArrows[0].mode;
-      if (rxnArrowMode !== RxnArrowMode.OpenAngle) {
+      if (![RxnArrowMode.OpenAngle, RxnArrowMode.Retrosynthetic].includes(rxnArrowMode)) {
         warnings.push("The ".concat(formatName, " format does not support drawn elements: the reaction ").concat(rxnArrowMode, " arrow will be replaced with the reaction arrow"));
       }
     }
@@ -33985,12 +34019,12 @@ var PasteErrorModalBody = function PasteErrorModalBody() {
 var styles = {"infoModal":"InfoModal-module_infoModal__0Vza1","ok":"InfoModal-module_ok__BZ1ar"};
 
 function ErrorInfoModal(props) {
-  var _config$paste$title;
+  var _config$paste$title, _props$title;
   var paste = (_config$paste$title = configWithNonViewOnlyActionsDisabled.paste.title) !== null && _config$paste$title !== void 0 ? _config$paste$title : 'Paste';
   var isPasteError = props.message === paste;
   var defaultCutCopyMessage = "This action is unavailable via menu. Instead, use shortcut to ".concat(props.message, ".");
   var headerContent = jsx("div", {
-    children: error.message
+    children: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : error.message
   });
   return jsx(Dialog, {
     className: styles.infoModal,
@@ -33998,7 +34032,7 @@ function ErrorInfoModal(props) {
     buttons: [jsx("button", {
       onClick: props.onOk,
       className: styles.ok,
-      children: "Close"
+      children: props.button || 'Close'
     }, "ok")],
     headerContent: headerContent,
     children: jsx("div", {
@@ -34884,8 +34918,8 @@ var KetcherBuilder = function () {
                 cleanup = initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.27.0-rc.2" ,
-                  buildDate: "2024-11-12T19:33:40" ,
+                  version: "2.28.0-dev.1" ,
+                  buildDate: "2024-11-12T19:05:09" ,
                   buildNumber: '',
                   customButtons: customButtons || []
                 }, structService, resolve, togglerComponent);