ketcher-react 2.25.0-rc.1 → 2.25.0-rc.2

package/dist/index.modern.js

@@ -3701,7 +3701,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.25.0-rc.1\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.25.0-rc.2\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -8031,7 +8031,13 @@ var Button = function Button(_ref) {
 };
 
 var _templateObject$b;
-var Container$2 = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  > svg {\n    height: 100%;\n    width: 100%;\n  }\n"])));
+var Container$2 = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  if (props.fullsize) {
+    return "\n          > svg {\n            height: 100%;\n            width: 100%;\n          }\n        ";
+  } else {
+    return "\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        ";
+  }
+});
 
 var normalizeStruct = function normalizeStruct(molV2000StringOrStruct) {
   if (molV2000StringOrStruct instanceof Struct) {
@@ -8048,6 +8054,7 @@ var StructRender = function StructRender(_ref) {
   var struct = _ref.struct,
     options = _ref.options,
     className = _ref.className,
+    fullsize = _ref.fullsize,
     update = _ref.update;
   var renderRef = useRef(null);
   useEffect(function () {
@@ -8060,7 +8067,8 @@ var StructRender = function StructRender(_ref) {
   }, [struct, options, update]);
   return jsx(Container$2, {
     ref: renderRef,
-    className: className
+    className: className,
+    fullsize: fullsize
   });
 };
 
@@ -8348,6 +8356,14 @@ var UnstyledAmbiguousMonomerPreview = function UnstyledAmbiguousMonomerPreview(_
         return b.ratio - a.ratio;
       }
     });
+    if (!isAlternatives) {
+      var overallRatio = sortedData.reduce(function (acc, item) {
+        return acc + (item.ratio || 1);
+      }, 0);
+      sortedData.forEach(function (entry) {
+        entry.ratio = Math.round((entry.ratio || 1) / overallRatio * 100);
+      });
+    }
     return sortedData.slice(0, 5);
   }, [previewData, isAlternatives]);
   return jsxs(ContainerDynamic, {
@@ -32467,6 +32483,7 @@ var TemplateTable = function TemplateTable(props) {
         children: [jsx(StructRender, {
           struct: tmpl.struct,
           className: classes$8.struct,
+          fullsize: true,
           options: _objectSpread$7(_objectSpread$7({}, renderOptions), {}, {
             autoScaleMargin: 10,
             cachePrefix: 'templates',
@@ -34121,8 +34138,8 @@ var KetcherBuilder = function () {
                 cleanup = initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.25.0-rc.1" ,
-                  buildDate: "2024-09-03T15:37:44" ,
+                  version: "2.25.0-rc.2" ,
+                  buildDate: "2024-09-14T10:49:21" ,
                   buildNumber: ''
                 }, structService, resolve, togglerComponent);
               });