ketcher-react 2.13.0-rc.4 → 2.14.0-rc.2

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/Editor.d.ts

@@ -27,6 +27,7 @@ export interface Selection {
     rxnPluses?: Array<number>;
     rxnArrows?: Array<number>;
     texts?: Array<number>;
+    rgroupAttachmentPoints?: Array<number>;
 }
 declare class Editor implements KetcherEditor {
     #private;

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

@@ -25,3 +25,4 @@ declare function findCloseMerge(restruct: ReStruct, selected: object, maps: stri
     bonds: Map<number, number>;
     atomToFunctionalGroup: Map<number, number> | null;
 };
+import { ReStruct } from "ketcher-core/dist/application/render/restruct";

package/dist/script/editor/tool/apoint.utils.d.ts

@@ -0,0 +1,2 @@
+import { Atom, Editor } from 'ketcher-core';
+export declare function editRGroupAttachmentPoint(editor: Editor, atom: Atom, atomId: number): Promise<void>;

package/dist/script/editor/tool/helper/lasso.d.ts

@@ -30,6 +30,7 @@ declare class LassoHelper {
         sgroupData: number[];
         simpleObjects: number[];
         texts: number[];
+        rgroupAttachmentPoints: number[];
     };
     begin(event: any): void;
     running(): boolean;
@@ -42,6 +43,7 @@ declare class LassoHelper {
         sgroupData: number[];
         simpleObjects: number[];
         texts: number[];
+        rgroupAttachmentPoints: number[];
     } | null;
     update(): void;
     end(): {
@@ -53,6 +55,7 @@ declare class LassoHelper {
         sgroupData: number[];
         simpleObjects: number[];
         texts: number[];
+        rgroupAttachmentPoints: number[];
     };
     cancel(): void;
 }

package/dist/script/editor/tool/helper/locate.d.ts

@@ -22,6 +22,7 @@ declare function getElementsInRectangle(restruct: any, p0: any, p1: any): {
     sgroupData: number[];
     simpleObjects: number[];
     texts: number[];
+    rgroupAttachmentPoints: number[];
 };
 declare function getElementsInPolygon(restruct: any, rr: any): {
     atoms: number[];
@@ -32,6 +33,7 @@ declare function getElementsInPolygon(restruct: any, rr: any): {
     sgroupData: number[];
     simpleObjects: number[];
     texts: number[];
+    rgroupAttachmentPoints: number[];
 };
 declare const _default: {
     inRectangle: typeof getElementsInRectangle;

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

@@ -22,6 +22,7 @@ declare class SelectTool implements Tool {
     private readonly editor;
     private dragCtx;
     isMousedDown: boolean;
+    readonly isMoving = false;
     constructor(editor: Editor, mode: SelectMode);
     isSelectionRunning(): boolean;
     mousedown(event: any): boolean;

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,10 @@ declare class TemplateTool implements Tool {
     mouseup(event?: any): boolean;
     cancel(): void;
     mouseleave(e: any): void;
+    hidePreview(): void;
+    showPreview(event: MouseEvent | {
+        clientX: number;
+        clientY: number;
+    }, ci: any, restruct: ReStruct): void;
 }
 export default TemplateTool;

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

@@ -0,0 +1 @@
+export declare const handleMovingPosibilityCursor: (item: unknown, canvas: SVGElement, cursor: string) => void;

package/dist/script/editor/utils/handleMovingPosibilityCursor.test.d.ts

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

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

@@ -16,3 +16,4 @@
 export * from './customOnChangeHandler';
 export * from './elementOffset';
 export * from './structLayout';
+export * from './handleMovingPosibilityCursor';

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/components/ContextMenu/contextMenu.types.d.ts

@@ -5,7 +5,8 @@ export declare enum CONTEXT_MENU_ID {
     FOR_BONDS = "context-menu-for-bonds",
     FOR_ATOMS = "context-menu-for-atoms",
     FOR_SELECTION = "context-menu-for-selection",
-    FOR_FUNCTIONAL_GROUPS = "context-menu-for-functional-groups"
+    FOR_FUNCTIONAL_GROUPS = "context-menu-for-functional-groups",
+    FOR_R_GROUP_ATTACHMENT_POINT = "context-menu-for-rgroup-attachment-point"
 }
 export declare type ItemData = unknown;
 export declare type ContextMenuShowProps = {
@@ -14,6 +15,7 @@ export declare type ContextMenuShowProps = {
     bondIds?: number[];
     atomIds?: number[];
     extraItemsSelected?: boolean;
+    rgroupAttachmentPoints?: number[];
 } | null;
 export interface MenuItemsProps {
     triggerEvent?: TriggerEvent;

package/dist/script/ui/views/components/ContextMenu/hooks/useRGroupAttachmentPointEdit.d.ts

@@ -0,0 +1,3 @@
+import { ItemEventParams } from '../contextMenu.types';
+declare const useRGroupAttachmentPointEdit: () => readonly [({ props }: ItemEventParams) => void, ({ props }: ItemEventParams) => boolean, ({ props }: ItemEventParams) => boolean];
+export default useRGroupAttachmentPointEdit;

package/dist/script/ui/views/components/ContextMenu/hooks/useRGroupAttachmentPointRemove.d.ts

@@ -0,0 +1,3 @@
+import { ItemEventParams } from '../contextMenu.types';
+declare const useDelete: () => ({ props }: ItemEventParams) => Promise<void>;
+export default useDelete;

package/dist/script/ui/views/components/ContextMenu/menuItems/RGroupAttachmentPointMenuItems.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { MenuItemsProps } from '../contextMenu.types';
+declare const RGroupAttachmentPointMenuItems: FC<MenuItemsProps>;
+export default RGroupAttachmentPointMenuItems;

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/modal/components/document/Save/Save.test.d.ts

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function renderWithMockContext(component: React.ReactNode): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;

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.4",
+  "version": "2.14.0-rc.2",
   "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";