ketcher-react 2.18.0-rc.6 → 2.18.0-rc.8

package/dist/index.js

@@ -3205,7 +3205,7 @@ function load(struct, options) {
                 }));
               }
             } else {
-              editor.struct(parsedStruct, method === 'layout' || method === 'toggleExplicitHydrogens');
+              editor.struct(parsedStruct, method === 'layout');
             }
             editor.zoomAccordingContent(parsedStruct);
             isIndigoFunctionCalled = !!method;
@@ -3660,7 +3660,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.18.0-rc.6\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.18.0-rc.8\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -3684,6 +3684,8 @@ var STRUCT_TYPE = {
 };
 var KETCHER_ROOT_NODE_CLASS_NAME = 'Ketcher-root';
 var KETCHER_ROOT_NODE_CSS_SELECTOR = ".".concat(KETCHER_ROOT_NODE_CLASS_NAME);
+var EditorClassName = 'Ketcher-polymer-editor-root';
+var KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR = ".".concat(EditorClassName);
 
 var functionalGroupsLib = {
   'functional-groups': {
@@ -9257,15 +9259,27 @@ var shams = function hasToStringTagShams() {
 	return shams$1() && !!Symbol.toStringTag;
 };
 
+/** @type {import('.')} */
+var esErrors = Error;
+
+/** @type {import('./eval')} */
+var _eval = EvalError;
+
 /** @type {import('./range')} */
 var range = RangeError;
 
+/** @type {import('./ref')} */
+var ref = ReferenceError;
+
 /** @type {import('./syntax')} */
 var syntax = SyntaxError;
 
 /** @type {import('./type')} */
 var type = TypeError;
 
+/** @type {import('./uri')} */
+var uri = URIError;
+
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
 
 
@@ -9279,13 +9293,17 @@ var hasSymbols$3 = function hasNativeSymbols() {
 };
 
 var test = {
+	__proto__: null,
 	foo: {}
 };
 
 var $Object = Object;
 
+/** @type {import('.')} */
 var hasProto$1 = function hasProto() {
-	return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
+	// @ts-expect-error: TS errors on an inherited property for some reason
+	return { __proto__: test }.foo === test.foo
+		&& !(test instanceof $Object);
 };
 
 /* eslint no-invalid-this: 1 */
@@ -9377,14 +9395,26 @@ var call = Function.prototype.call;
 var $hasOwn = Object.prototype.hasOwnProperty;
 
 
-/** @type {(o: {}, p: PropertyKey) => p is keyof o} */
+/** @type {import('.')} */
 var hasown = functionBind.call(call, $hasOwn);
 
+var $Error = esErrors;
+
+var $EvalError = _eval;
+
 var $RangeError = range;
 
-var $SyntaxError$1 = syntax;
+var $ReferenceError = ref;
+
+var $SyntaxError = syntax;
 
-var $TypeError$2 = type;
+var $TypeError = type;
+
+var $URIError = uri;
+
+var require$$1 = hasProto$1;
+
+var hasOwn = hasown;
 
 var undefined$1;
 
@@ -9392,6 +9422,10 @@ var undefined$1;
 
 
 
+
+
+
+
 var $Function = Function;
 
 // eslint-disable-next-line consistent-return
@@ -9411,7 +9445,7 @@ if ($gOPD$1) {
 }
 
 var throwTypeError = function () {
-	throw new $TypeError$2();
+	throw new $TypeError();
 };
 var ThrowTypeError = $gOPD$1
 	? (function () {
@@ -9431,7 +9465,7 @@ var ThrowTypeError = $gOPD$1
 	: throwTypeError;
 
 var hasSymbols$2 = hasSymbols$3();
-var hasProto = hasProto$1();
+var hasProto = require$$1();
 
 var getProto$1 = Object.getPrototypeOf || (
 	hasProto
@@ -9465,9 +9499,9 @@ var INTRINSICS = {
 	'%decodeURIComponent%': decodeURIComponent,
 	'%encodeURI%': encodeURI,
 	'%encodeURIComponent%': encodeURIComponent,
-	'%Error%': Error,
+	'%Error%': $Error,
 	'%eval%': eval, // eslint-disable-line no-eval
-	'%EvalError%': EvalError,
+	'%EvalError%': $EvalError,
 	'%Float32Array%': typeof Float32Array === 'undefined' ? undefined$1 : Float32Array,
 	'%Float64Array%': typeof Float64Array === 'undefined' ? undefined$1 : Float64Array,
 	'%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined$1 : FinalizationRegistry,
@@ -9490,7 +9524,7 @@ var INTRINSICS = {
 	'%Promise%': typeof Promise === 'undefined' ? undefined$1 : Promise,
 	'%Proxy%': typeof Proxy === 'undefined' ? undefined$1 : Proxy,
 	'%RangeError%': $RangeError,
-	'%ReferenceError%': ReferenceError,
+	'%ReferenceError%': $ReferenceError,
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
@@ -9499,15 +9533,15 @@ var INTRINSICS = {
 	'%String%': String,
 	'%StringIteratorPrototype%': hasSymbols$2 && getProto$1 ? getProto$1(''[Symbol.iterator]()) : undefined$1,
 	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
-	'%SyntaxError%': $SyntaxError$1,
+	'%SyntaxError%': $SyntaxError,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
-	'%TypeError%': $TypeError$2,
+	'%TypeError%': $TypeError,
 	'%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined$1 : Uint8Array,
 	'%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined$1 : Uint8ClampedArray,
 	'%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined$1 : Uint16Array,
 	'%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined$1 : Uint32Array,
-	'%URIError%': URIError,
+	'%URIError%': $URIError,
 	'%WeakMap%': typeof WeakMap === 'undefined' ? undefined$1 : WeakMap,
 	'%WeakRef%': typeof WeakRef === 'undefined' ? undefined$1 : WeakRef,
 	'%WeakSet%': typeof WeakSet === 'undefined' ? undefined$1 : WeakSet
@@ -9618,9 +9652,9 @@ var stringToPath = function stringToPath(string) {
 	var first = $strSlice(string, 0, 1);
 	var last = $strSlice(string, -1);
 	if (first === '%' && last !== '%') {
-		throw new $SyntaxError$1('invalid intrinsic syntax, expected closing `%`');
+		throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');
 	} else if (last === '%' && first !== '%') {
-		throw new $SyntaxError$1('invalid intrinsic syntax, expected opening `%`');
+		throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');
 	}
 	var result = [];
 	$replace(string, rePropName, function (match, number, quote, subString) {
@@ -9633,18 +9667,18 @@ var stringToPath = function stringToPath(string) {
 var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
 	var intrinsicName = name;
 	var alias;
-	if (hasown(LEGACY_ALIASES, intrinsicName)) {
+	if (hasOwn(LEGACY_ALIASES, intrinsicName)) {
 		alias = LEGACY_ALIASES[intrinsicName];
 		intrinsicName = '%' + alias[0] + '%';
 	}
 
-	if (hasown(INTRINSICS, intrinsicName)) {
+	if (hasOwn(INTRINSICS, intrinsicName)) {
 		var value = INTRINSICS[intrinsicName];
 		if (value === needsEval) {
 			value = doEval(intrinsicName);
 		}
 		if (typeof value === 'undefined' && !allowMissing) {
-			throw new $TypeError$2('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
+			throw new $TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
 		}
 
 		return {
@@ -9654,19 +9688,19 @@ var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
 		};
 	}
 
-	throw new $SyntaxError$1('intrinsic ' + name + ' does not exist!');
+	throw new $SyntaxError('intrinsic ' + name + ' does not exist!');
 };
 
 var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 	if (typeof name !== 'string' || name.length === 0) {
-		throw new $TypeError$2('intrinsic name must be a non-empty string');
+		throw new $TypeError('intrinsic name must be a non-empty string');
 	}
 	if (arguments.length > 1 && typeof allowMissing !== 'boolean') {
-		throw new $TypeError$2('"allowMissing" argument must be a boolean');
+		throw new $TypeError('"allowMissing" argument must be a boolean');
 	}
 
 	if ($exec(/^%?[^%]*%?$/, name) === null) {
-		throw new $SyntaxError$1('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
+		throw new $SyntaxError('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
 	}
 	var parts = stringToPath(name);
 	var intrinsicBaseName = parts.length > 0 ? parts[0] : '';
@@ -9693,7 +9727,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 			)
 			&& first !== last
 		) {
-			throw new $SyntaxError$1('property names with quotes must have matching quotes');
+			throw new $SyntaxError('property names with quotes must have matching quotes');
 		}
 		if (part === 'constructor' || !isOwn) {
 			skipFurtherCaching = true;
@@ -9702,12 +9736,12 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 		intrinsicBaseName += '.' + part;
 		intrinsicRealName = '%' + intrinsicBaseName + '%';
 
-		if (hasown(INTRINSICS, intrinsicRealName)) {
+		if (hasOwn(INTRINSICS, intrinsicRealName)) {
 			value = INTRINSICS[intrinsicRealName];
 		} else if (value != null) {
 			if (!(part in value)) {
 				if (!allowMissing) {
-					throw new $TypeError$2('base intrinsic for ' + name + ' exists, but the property is not available.');
+					throw new $TypeError('base intrinsic for ' + name + ' exists, but the property is not available.');
 				}
 				return void undefined$1;
 			}
@@ -9728,7 +9762,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 					value = value[part];
 				}
 			} else {
-				isOwn = hasown(value, part);
+				isOwn = hasOwn(value, part);
 				value = value[part];
 			}
 
@@ -9742,35 +9776,18 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 
 var GetIntrinsic = getIntrinsic;
 
-var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true);
-
-var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
-	if ($defineProperty$1) {
-		try {
-			$defineProperty$1({}, 'a', { value: 1 });
-			return true;
-		} catch (e) {
-			// IE 8 has a broken defineProperty
-			return false;
-		}
-	}
-	return false;
-};
-
-hasPropertyDescriptors$1.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
-	// node v0.6 has a bug where array lengths can be Set but not Defined
-	if (!hasPropertyDescriptors$1()) {
-		return null;
-	}
+/** @type {import('.')} */
+var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true) || false;
+if ($defineProperty$1) {
 	try {
-		return $defineProperty$1([], 'length', { value: 1 }).length !== 1;
+		$defineProperty$1({}, 'a', { value: 1 });
 	} catch (e) {
-		// In Firefox 4-22, defining length on an array throws an exception.
-		return true;
+		// IE 8 has a broken defineProperty
+		$defineProperty$1 = false;
 	}
-};
+}
 
-var hasPropertyDescriptors_1 = hasPropertyDescriptors$1;
+var esDefineProperty = $defineProperty$1;
 
 var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
 
@@ -9785,52 +9802,33 @@ if ($gOPD) {
 
 var gopd = $gOPD;
 
-var require$$0$1 = hasPropertyDescriptors_1;
+var $defineProperty = esDefineProperty;
 
 var gOPD = gopd;
 
-var hasPropertyDescriptors = require$$0$1();
-
-
-
-var $defineProperty = hasPropertyDescriptors && GetIntrinsic('%Object.defineProperty%', true);
-if ($defineProperty) {
-	try {
-		$defineProperty({}, 'a', { value: 1 });
-	} catch (e) {
-		// IE 8 has a broken defineProperty
-		$defineProperty = false;
-	}
-}
-
-var $SyntaxError = GetIntrinsic('%SyntaxError%');
-var $TypeError$1 = GetIntrinsic('%TypeError%');
-
-
-
-/** @type {(obj: Record<PropertyKey, unknown>, property: PropertyKey, value: unknown, nonEnumerable?: boolean | null, nonWritable?: boolean | null, nonConfigurable?: boolean | null, loose?: boolean) => void} */
+/** @type {import('.')} */
 var defineDataProperty$1 = function defineDataProperty(
 	obj,
 	property,
 	value
 ) {
 	if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
-		throw new $TypeError$1('`obj` must be an object or a function`');
+		throw new $TypeError('`obj` must be an object or a function`');
 	}
 	if (typeof property !== 'string' && typeof property !== 'symbol') {
-		throw new $TypeError$1('`property` must be a string or a symbol`');
+		throw new $TypeError('`property` must be a string or a symbol`');
 	}
 	if (arguments.length > 3 && typeof arguments[3] !== 'boolean' && arguments[3] !== null) {
-		throw new $TypeError$1('`nonEnumerable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonEnumerable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 4 && typeof arguments[4] !== 'boolean' && arguments[4] !== null) {
-		throw new $TypeError$1('`nonWritable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonWritable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 5 && typeof arguments[5] !== 'boolean' && arguments[5] !== null) {
-		throw new $TypeError$1('`nonConfigurable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonConfigurable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 6 && typeof arguments[6] !== 'boolean') {
-		throw new $TypeError$1('`loose`, if provided, must be a boolean');
+		throw new $TypeError('`loose`, if provided, must be a boolean');
 	}
 
 	var nonEnumerable = arguments.length > 3 ? arguments[3] : null;
@@ -9856,12 +9854,33 @@ var defineDataProperty$1 = function defineDataProperty(
 	}
 };
 
+var hasPropertyDescriptors = function hasPropertyDescriptors() {
+	return !!$defineProperty;
+};
+
+hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
+	// node v0.6 has a bug where array lengths can be Set but not Defined
+	if (!$defineProperty) {
+		return null;
+	}
+	try {
+		return $defineProperty([], 'length', { value: 1 }).length !== 1;
+	} catch (e) {
+		// In Firefox 4-22, defining length on an array throws an exception.
+		return true;
+	}
+};
+
+var hasPropertyDescriptors_1 = hasPropertyDescriptors;
+
 var defineDataProperty = defineDataProperty$1;
 
+var require$$0$1 = hasPropertyDescriptors_1;
+
 var hasDescriptors = require$$0$1();
 
 
-var $TypeError = GetIntrinsic('%TypeError%');
+
 var $floor = GetIntrinsic('%Math.floor%');
 
 /** @typedef {(...args: unknown[]) => unknown} Func */
@@ -9907,22 +9926,13 @@ var callBind = createCommonjsModule(function (module) {
 
 
 
-var $TypeError = GetIntrinsic('%TypeError%');
+
 var $apply = GetIntrinsic('%Function.prototype.apply%');
 var $call = GetIntrinsic('%Function.prototype.call%');
 var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || functionBind.call($call, $apply);
 
-var $defineProperty = GetIntrinsic('%Object.defineProperty%', true);
-var $max = GetIntrinsic('%Math.max%');
 
-if ($defineProperty) {
-	try {
-		$defineProperty({}, 'a', { value: 1 });
-	} catch (e) {
-		// IE 8 has a broken defineProperty
-		$defineProperty = null;
-	}
-}
+var $max = GetIntrinsic('%Math.max%');
 
 module.exports = function callBind(originalFunction) {
 	if (typeof originalFunction !== 'function') {
@@ -10185,20 +10195,23 @@ var forEach = function forEach(list, iterator, thisArg) {
 
 var forEach_1 = forEach;
 
-var /** @type {ReturnType<import('.')>} */ possibleNames = [
-	'BigInt64Array',
-	'BigUint64Array',
+/** @type {import('.')} */
+var possibleTypedArrayNames = [
 	'Float32Array',
 	'Float64Array',
+	'Int8Array',
 	'Int16Array',
 	'Int32Array',
-	'Int8Array',
+	'Uint8Array',
+	'Uint8ClampedArray',
 	'Uint16Array',
 	'Uint32Array',
-	'Uint8Array',
-	'Uint8ClampedArray'
+	'BigInt64Array',
+	'BigUint64Array'
 ];
 
+var possibleNames = possibleTypedArrayNames;
+
 var g$1 = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 
 /** @type {import('.')} */
@@ -14875,6 +14888,7 @@ var ZoomInput = function ZoomInput(_ref) {
   }, [inputRef]);
   return jsxRuntime.jsx(StyledInput, {
     ref: inputRef,
+    "data-testid": "zoom-value",
     onFocus: onFocusHandler,
     onKeyDown: onKeyDown
   });
@@ -14963,14 +14977,13 @@ var ZoomControls = function ZoomControls(_ref) {
       open: isExpanded,
       onClose: onClose,
       anchorEl: containerRef.current,
-      container: containerRef.current,
+      container: document.querySelector(KETCHER_ROOT_NODE_CSS_SELECTOR) || document.querySelector(KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR),
       anchorOrigin: {
         vertical: 'bottom',
         horizontal: 'left'
       },
       children: jsxRuntime.jsxs(DropDownContent, {
         children: [jsxRuntime.jsx(ZoomInput, {
-          "data-testid": "zoom-value",
           onZoomSubmit: onZoomSubmit,
           inputRef: inputRef,
           currentZoom: currentZoom,
@@ -25202,6 +25215,8 @@ function setupEditor(editor, props) {
       }
     }
   });
+  editor.render.unobserveCanvasResize();
+  editor.render.observeCanvasResize();
 }
 function removeEditorHandlers(editor, props) {
   Object.keys(editor.event).forEach(function (name) {
@@ -25370,7 +25385,6 @@ var StructEditor = function (_Component) {
         info: JSON.stringify(this.props.toolOpts)
       });
       this.editorRef.current.addEventListener('wheel', this.handleWheel);
-      this.editor.render.observeCanvasResize();
     }
   }, {
     key: "componentWillUnmount",
@@ -32843,8 +32857,8 @@ var KetcherBuilder = function () {
                 initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.18.0-rc.6" ,
-                  buildDate: "2024-02-13T18:53:18" ,
+                  version: "2.18.0-rc.8" ,
+                  buildDate: "2024-02-22T17:37:07" ,
                   buildNumber: ''
                 }, structService, resolve, togglerComponent);
               });
@@ -32964,12 +32978,14 @@ exports.Accordion = Accordion$1;
 exports.Button = Button;
 exports.Dialog = Dialog;
 exports.Editor = Editor;
+exports.EditorClassName = EditorClassName;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.IndigoProvider = IndigoProvider;
 exports.InfoModal = InfoModal$1;
 exports.Input = Input$2;
 exports.KETCHER_INIT_EVENT_NAME = KETCHER_INIT_EVENT_NAME;
+exports.KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR = KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR;
 exports.KETCHER_ROOT_NODE_CLASS_NAME = KETCHER_ROOT_NODE_CLASS_NAME;
 exports.KETCHER_ROOT_NODE_CSS_SELECTOR = KETCHER_ROOT_NODE_CSS_SELECTOR;
 exports.MODES = MODES;