ketcher-react 2.13.0-rc.3-dev.2 → 2.14.0-rc.1

package/dist/script/builders/ketcher/KetcherBuilder.d.ts

@@ -15,6 +15,7 @@
  ***************************************************************************/
 import { Ketcher, ServiceMode, StructServiceProvider } from 'ketcher-core';
 import { ButtonsConfig } from './ButtonsConfig';
+import { Root } from 'react-dom/client';
 declare class KetcherBuilder {
     private structService;
     private editor;
@@ -23,7 +24,7 @@ declare class KetcherBuilder {
     constructor();
     appendApiAsync(structServiceProvider: StructServiceProvider): Promise<void>;
     appendServiceMode(mode: ServiceMode): void;
-    appendUiAsync(element: HTMLDivElement | null, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig): Promise<void>;
+    appendUiAsync(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig): Promise<void>;
     build(): Ketcher;
 }
 export { KetcherBuilder };

package/dist/script/editor/tool/template.d.ts

@@ -13,14 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import { ReStruct } from 'ketcher-core';
 import Editor from '../Editor';
 import { Tool } from './Tool';
+export declare const PREVIEW_DELAY = 300;
 declare class TemplateTool implements Tool {
     private readonly editor;
     private readonly mode;
     private readonly template;
     private readonly findItems;
     private dragCtx;
+    private isPreviewVisible;
+    private previewRemoveAction;
+    private previewTimeout;
+    private lastPreviewId;
     private targetGroupsIds;
     private readonly isSaltOrSolvent;
     private event;
@@ -37,5 +43,7 @@ declare class TemplateTool implements Tool {
     mouseup(event?: any): boolean;
     cancel(): void;
     mouseleave(e: any): void;
+    hidePreview(): void;
+    showPreview(ci: any, restruct: ReStruct): void;
 }
 export default TemplateTool;

package/dist/script/editor/utils/normalizeAngle.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @param {number} angle angle (in radians) from the X axis
+ * @returns {number} normalized angle (in radians) from the X axis
+ * @example
+ * normalizeAngleRelativeToXAxis(PI / 2) === PI / 2
+ * normalizeAngleRelativeToXAxis(PI) === PI
+ * normalizeAngleRelativeToXAxis(3/2 * PI) === -PI / 2
+ * normalizeAngleRelativeToXAxis(2 * PI) === 0
+ * normalizeAngleRelativeToXAxis(3 * PI) === PI
+ */
+export declare function normalizeAngle(angle: any): number;

package/dist/script/index.d.ts

@@ -13,15 +13,17 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import { Root } from 'react-dom/client';
 import { ButtonsConfig } from './builders';
 import { StructServiceProvider } from 'ketcher-core';
 interface Config {
     element: HTMLDivElement | null;
+    appRoot: Root;
     staticResourcesUrl: string;
     structServiceProvider: StructServiceProvider;
     buttons?: ButtonsConfig;
     errorHandler: (message: string) => void;
 }
-declare function buildKetcherAsync({ element, staticResourcesUrl, structServiceProvider, buttons, errorHandler, }: Config): Promise<import("ketcher-core").Ketcher>;
+declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, structServiceProvider, buttons, errorHandler, }: Config): Promise<import("ketcher-core").Ketcher>;
 export type { Config, ButtonsConfig };
 export default buildKetcherAsync;

package/dist/script/ui/App/initApp.d.ts

@@ -14,5 +14,6 @@
  * limitations under the License.
  ***************************************************************************/
 import { StructService } from 'ketcher-core';
-declare function initApp(element: HTMLDivElement | null, staticResourcesUrl: string, options: any, server: StructService, setEditor: (editor: any) => void): void;
+import { Root } from 'react-dom/client';
+declare function initApp(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, options: any, server: StructService, setEditor: (editor: any) => void): void;
 export { initApp };

package/dist/script/ui/component/view/ToolActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/script/ui/component/view/savebutton.d.ts

@@ -19,6 +19,7 @@ declare type Props = {
     server?: any;
     filename: string;
     outputFormat?: OutputFormatType;
+    bondThickness?: number;
     data: any;
     type?: string;
     mode?: string;

package/dist/script/ui/views/modal/components/document/Save/Save.d.ts

@@ -1,5 +1,5 @@
 export default Save;
-declare const Save: import("react-redux").ConnectedComponent<typeof SaveDialog, import("react-redux").Omit<any, "server" | "options" | "formState" | "struct" | "checkState" | "onCheck" | "moleculeErrors" | "ignoreChiralFlag" | "onTmplSave" | "onResetForm">>;
+declare const Save: import("react-redux").ConnectedComponent<typeof SaveDialog, import("react-redux").Omit<any, "server" | "options" | "bondThickness" | "formState" | "struct" | "checkState" | "onCheck" | "moleculeErrors" | "ignoreChiralFlag" | "onTmplSave" | "onResetForm">>;
 declare class SaveDialog extends Component<any, any, any> {
     static contextType: import("react").Context<import("../../../../../../../contexts").IErrorsContext>;
     constructor(props: any);

package/dist/script/ui/views/toolbars/LeftToolbar/LeftToolbar.container.d.ts

@@ -15,5 +15,5 @@
  ***************************************************************************/
 /// <reference types="react" />
 import { LeftToolbarProps } from './LeftToolbar';
-declare const LeftToolbarContainer: import("react-redux").ConnectedComponent<(props: LeftToolbarProps & import("../ToolbarGroupItem/ToolbarGroupItem").ToolbarGroupItemCallProps) => JSX.Element, import("react-redux").Omit<LeftToolbarProps & import("../ToolbarGroupItem/ToolbarGroupItem").ToolbarGroupItemCallProps, "status" | "opened" | "disableableButtons" | "indigoVerification" | "vertical" | "onAction" | "onOpen">>;
+declare const LeftToolbarContainer: import("react-redux").ConnectedComponent<(props: LeftToolbarProps & import("../ToolbarGroupItem/ToolbarGroupItem").ToolbarGroupItemCallProps) => JSX.Element, import("react-redux").Omit<LeftToolbarProps & import("../ToolbarGroupItem/ToolbarGroupItem").ToolbarGroupItemCallProps, "status" | "opened" | "disableableButtons" | "indigoVerification" | "vertical" | "dataTestId" | "onAction" | "onOpen">>;
 export { LeftToolbarContainer };

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ActionButton/ActionButton.d.ts

@@ -27,6 +27,7 @@ interface ActionButtonProps {
     disableableButtons: string[];
     indigoVerification: boolean;
     className?: string;
+    dataTestId?: string;
 }
 interface ActionButtonCallProps {
     onAction: (action: UiActionAction) => void;

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ToolbarGroupItem.d.ts

@@ -25,6 +25,7 @@ interface ToolbarGroupItemProps extends ToolbarItem {
     indigoVerification: boolean;
     className?: string;
     vertical?: boolean;
+    dataTestId?: string;
 }
 interface ToolbarGroupItemCallProps {
     onAction: (action: UiActionAction) => void;

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.d.ts

@@ -30,6 +30,7 @@ interface ToolbarMultiToolItemProps {
     indigoVerification: boolean;
     className?: string;
     vertical?: boolean;
+    dataTestId?: string;
 }
 interface ToolbarMultiToolItemCallProps {
     onAction: (action: UiActionAction) => void;

package/dist/script/ui/views/toolbars/toolbar.types.d.ts

@@ -23,7 +23,7 @@ declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'sele
 declare type BottomToolbarItemVariant = 'template-common' | 'template-lib' | 'enhanced-stereo' | 'fullscreen';
 declare type RightToolbarItemVariant = 'atom' | 'freq-atoms' | 'period-table' | 'extended-table' | 'any-atom';
 declare type FloatingToolItemVariant = 'transform-flip-h' | 'transform-flip-v' | 'erase';
-declare type ToolbarItemVariant = TopToolbarItemVariant | LeftToolbarItemVariant | BottomToolbarItemVariant | RightToolbarItemVariant | FloatingToolItemVariant;
+declare type ToolbarItemVariant = TopToolbarItemVariant | LeftToolbarItemVariant | BottomToolbarItemVariant | RightToolbarItemVariant | FloatingToolItemVariant | 'bonds';
 interface ToolbarItem {
     id: ToolbarItemVariant;
     options?: ToolbarItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.13.0-rc.3-dev.2",
+  "version": "2.14.0-rc.1",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",

package/dist/script/editor/shared/utils.d.ts

@@ -1,24 +0,0 @@
-declare namespace _default {
-    export { calcAngle };
-    export { fracAngle };
-    export { calcNewAtomPos };
-    export { degrees };
-    export { normalizeAngle };
-}
-export default _default;
-declare function calcAngle(pos0: any, pos1: any): number;
-import { fracAngle } from "ketcher-core/dist/application/editor";
-declare function calcNewAtomPos(pos0: any, pos1: any, ctrlKey: any): Vec2;
-declare function degrees(angle: any): number;
-/**
- * @param {number} angle angle (in radians) from the X axis
- * @returns {number} normalized angle (in radians) from the X axis
- * @example
- * normalizeAngleRelativeToXAxis(PI / 2) === PI / 2
- * normalizeAngleRelativeToXAxis(PI) === PI
- * normalizeAngleRelativeToXAxis(3/2 * PI) === -PI / 2
- * normalizeAngleRelativeToXAxis(2 * PI) === 0
- * normalizeAngleRelativeToXAxis(3 * PI) === PI
- */
-declare function normalizeAngle(angle: number): number;
-import { Vec2 } from "ketcher-core/dist/domain/entities/vec2";