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

package/dist/components/StructRender/StructRender.d.ts

@@ -14,5 +14,5 @@
  * limitations under the License.
  ***************************************************************************/
 import { IStructRenderProps } from './types';
-declare const StructRender: ({ struct, options, className, update, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const StructRender: ({ struct, options, className, fullsize, update, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default StructRender;

package/dist/components/StructRender/styles.d.ts

@@ -17,4 +17,6 @@
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    fullsize?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/StructRender/types.d.ts

@@ -24,5 +24,6 @@ export interface IStructRenderProps {
     options?: (RenderOptions & CasheOptions) | CasheOptions;
     className?: string;
     update?: boolean;
+    fullsize?: boolean;
 }
 export {};

package/dist/index.js

@@ -3766,7 +3766,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: {
@@ -8096,7 +8096,13 @@ var Button = function Button(_ref) {
 };
 
 var _templateObject$b;
-var Container$2 = styled__default["default"].div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default["default"](["\n  > svg {\n    height: 100%;\n    width: 100%;\n  }\n"])));
+var Container$2 = styled__default["default"].div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default["default"](["\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 ketcherCore.Struct) {
@@ -8113,6 +8119,7 @@ var StructRender = function StructRender(_ref) {
   var struct = _ref.struct,
     options = _ref.options,
     className = _ref.className,
+    fullsize = _ref.fullsize,
     update = _ref.update;
   var renderRef = React.useRef(null);
   React.useEffect(function () {
@@ -8125,7 +8132,8 @@ var StructRender = function StructRender(_ref) {
   }, [struct, options, update]);
   return jsxRuntime.jsx(Container$2, {
     ref: renderRef,
-    className: className
+    className: className,
+    fullsize: fullsize
   });
 };
 
@@ -8413,6 +8421,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 jsxRuntime.jsxs(ContainerDynamic, {
@@ -32532,6 +32548,7 @@ var TemplateTable = function TemplateTable(props) {
         children: [jsxRuntime.jsx(StructRender, {
           struct: tmpl.struct,
           className: classes$8.struct,
+          fullsize: true,
           options: _objectSpread$7(_objectSpread$7({}, renderOptions), {}, {
             autoScaleMargin: 10,
             cachePrefix: 'templates',
@@ -34186,8 +34203,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);
               });