ketcher-react 3.12.0-rc.2 → 3.13.0-rc.2

package/dist/cjs/script/editor/Editor.d.ts

@@ -19,7 +19,7 @@ import { Highlighter } from './highlighter';
 import { ContextMenuInfo } from '../ui/views/components/ContextMenu/contextMenu.types';
 import { HoverIcon } from './HoverIcon';
 import RotateController from './tool/rotate-controller';
-import { Tool } from './tool/Tool';
+import { HoverTarget, Tool } from './tool/Tool';
 export interface Selection {
     atoms?: Array<number>;
     bonds?: Array<number>;
@@ -49,6 +49,7 @@ declare class Editor implements KetcherEditor {
     rotateController: RotateController;
     event: {
         message: Subscription;
+        tooltip: Subscription;
         elementEdit: PipelineSubscription;
         zoomIn: PipelineSubscription;
         zoomOut: PipelineSubscription;
@@ -154,10 +155,8 @@ declare class Editor implements KetcherEditor {
     private invalidateMonomerCreationWizardState;
     setRnaMonomerCreationMode(isActive: boolean): void;
     selection(ci?: any): Selection | null;
-    hover(ci: {
-        id: number;
-        map: string;
-    } | null, newTool?: any, event?: PointerEvent): void;
+    hover(ci: HoverTarget | null, newTool?: any, event?: PointerEvent): void;
+    private getHoverId;
     update(action: Action | true, ignoreHistory?: boolean): void;
     historySize(): {
         readonly undo: number;

package/dist/cjs/script/editor/tool/Tool.d.ts

@@ -9,10 +9,18 @@ interface ToolEventHandler {
     mouseLeaveClientArea?(event: Event): void;
     mouseover?(event: Event): void;
 }
+export declare type HoverTarget = {
+    id: number;
+    map: string;
+} | {
+    map: 'merge';
+    items: Record<string, number[]>;
+};
 export interface Tool extends ToolEventHandler {
     cancel?(): void;
     isSelectionRunning?(): boolean;
     isNotActiveTool?: boolean;
+    ci?: HoverTarget;
 }
 export declare type ToolConstructorInterface = new (editor: Editor, ...args: any[]) => Tool;
 export declare type ToolEventHandlerName = keyof ToolEventHandler;

package/dist/cjs/script/editor/tool/fragmentSelection.d.ts

@@ -0,0 +1,26 @@
+import Editor from '../Editor';
+import { Tool } from './Tool';
+export default class FragmentSelectionTool implements Tool {
+    private readonly editor;
+    private preview;
+    private tooltipTimeoutId?;
+    private disabledMessage?;
+    private bondPreview?;
+    private dragCtx?;
+    constructor(editor: Editor);
+    mousedown(event: PointerEvent): boolean;
+    mouseup(): boolean;
+    private removeBondPreview;
+    mousemove(event: PointerEvent): boolean;
+    mouseleave(): void;
+    mouseLeaveClientArea(): void;
+    private resetPreview;
+    private setDisabledState;
+    private queueTooltip;
+    private clearTooltip;
+    private setCursor;
+    private isBondInCycle;
+    private collectFragment;
+    private getComponentData;
+    cancel(): void;
+}

package/dist/cjs/script/ui/action/action.types.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  ***************************************************************************/
 import { Dispatch } from 'redux';
-declare type ToolVariant = 'any-atom' | 'about' | 'analyse' | 'arom' | 'atom-props' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-crossed' | 'bond-dative' | 'bond-double' | 'bond-doublearomatic' | 'bond-down' | 'bond-props' | 'bond-single' | 'bond-singlearomatic' | 'bond-singledouble' | 'bond-triple' | 'bond-up' | 'bond-updown' | 'copies' | 'copy-mol' | 'copy-ket' | 'chain' | 'charge-minus' | 'charge-plus' | 'check' | 'chiral-flag' | 'cip' | 'clean' | 'copy' | 'copy-image' | 'cut' | 'dearom' | 'dropdown' | 'deselect-all' | 'enhanced-stereo' | 'erase' | 'extended-table' | 'fullscreen' | 'functional-groups' | 'generic-groups' | 'help' | 'info-modal' | 'layout' | 'logo' | 'miew' | 'clear' | 'open' | 'paste' | 'period-table' | 'reaction-arrow' | 'reaction-automap' | 'reaction-map' | 'reaction-plus' | 'reaction-unmap' | 'recognize' | 'redo' | 'rgroup-attpoints' | 'rgroup-fragment' | 'rgroup-label' | 'save' | 'select-fragment' | 'select-lasso' | 'select-rectangle' | 'select-all' | 'select-descriptors' | 'settings' | 'sgroup' | 'template-0' | 'template-1' | 'template-2' | 'template-3' | 'template-4' | 'template-5' | 'template-6' | 'template-7' | 'template-lib' | 'text' | 'transform-flip-h' | 'transform-flip-v' | 'transform-rotate' | 'zoom-in' | 'zoom-out' | 'shape-circle' | 'shape-rectangle' | 'shape-polyline' | 'shape-line' | 'undo';
+declare type ToolVariant = 'any-atom' | 'about' | 'analyse' | 'arom' | 'atom-props' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-crossed' | 'bond-dative' | 'bond-double' | 'bond-doublearomatic' | 'bond-down' | 'bond-props' | 'bond-single' | 'bond-singlearomatic' | 'bond-singledouble' | 'bond-triple' | 'bond-up' | 'bond-updown' | 'copies' | 'copy-mol' | 'copy-ket' | 'chain' | 'charge-minus' | 'charge-plus' | 'check' | 'chiral-flag' | 'cip' | 'clean' | 'copy' | 'copy-image' | 'cut' | 'dearom' | 'dropdown' | 'deselect-all' | 'enhanced-stereo' | 'erase' | 'extended-table' | 'fullscreen' | 'functional-groups' | 'generic-groups' | 'help' | 'info-modal' | 'layout' | 'logo' | 'miew' | 'clear' | 'open' | 'paste' | 'period-table' | 'reaction-arrow' | 'reaction-automap' | 'reaction-map' | 'reaction-plus' | 'reaction-unmap' | 'recognize' | 'redo' | 'rgroup-attpoints' | 'rgroup-fragment' | 'rgroup-label' | 'save' | 'select-structure' | 'select-fragment' | 'select-lasso' | 'select-rectangle' | 'select-all' | 'select-descriptors' | 'settings' | 'sgroup' | 'template-0' | 'template-1' | 'template-2' | 'template-3' | 'template-4' | 'template-5' | 'template-6' | 'template-7' | 'template-lib' | 'text' | 'transform-flip-h' | 'transform-flip-v' | 'transform-rotate' | 'zoom-in' | 'zoom-out' | 'shape-circle' | 'shape-rectangle' | 'shape-polyline' | 'shape-line' | 'undo';
 declare type ActionObj = {
     tool?: string;
     opts?: any;

package/dist/cjs/script/ui/action/tools.d.ts

@@ -27,7 +27,7 @@ declare const _default: {
             opts: string;
         };
     };
-    'select-fragment': {
+    'select-structure': {
         title: string;
         shortcut: string[];
         action: {
@@ -36,6 +36,14 @@ declare const _default: {
         };
         hidden: (options: any) => boolean;
     };
+    'select-fragment': {
+        title: string;
+        shortcut: string[];
+        action: {
+            tool: string;
+        };
+        hidden: (options: any) => boolean;
+    };
     erase: {
         title: string;
         shortcut: string[];

package/dist/cjs/script/ui/views/components/MonomerCreationWizard/MonomerCreationWizard.types.d.ts

@@ -19,7 +19,7 @@ export declare type WizardValues = {
     [key in StringWizardFormFieldId]: string;
 };
 export declare type WizardNotificationType = 'info' | 'error' | 'warning';
-export declare type WizardNotificationId = 'defaultAttachmentPoints' | 'emptyMandatoryFields' | 'invalidSymbol' | 'symbolExists' | 'editingIsNotAllowed' | 'noAttachmentPoints' | 'incorrectAttachmentPointsOrder' | 'creationSuccessful' | 'creationRNASuccessful' | 'incontinuousStructure' | 'notUniqueModificationTypes' | 'modificationTypeExists' | 'notMinimalViableStructure' | 'impureStructure' | 'notUniqueHELMAlias' | 'invalidHELMAlias' | 'invalidRnaPresetStructure' | 'notUniquePresetCode' | 'invalidPresetCode';
+export declare type WizardNotificationId = 'defaultAttachmentPoints' | 'emptyMandatoryFields' | 'invalidSymbol' | 'symbolExists' | 'editingIsNotAllowed' | 'noAttachmentPoints' | 'incorrectAttachmentPointsOrder' | 'attachmentPointsNotUnique' | 'creationSuccessful' | 'creationRNASuccessful' | 'incontinuousStructure' | 'notUniqueModificationTypes' | 'modificationTypeExists' | 'notMinimalViableStructure' | 'impureStructure' | 'notUniqueHELMAlias' | 'invalidHELMAlias' | 'invalidRnaPresetStructure' | 'notUniquePresetCode' | 'invalidPresetCode';
 export declare type WizardNotificationTypeMap = Record<WizardNotificationId, WizardNotificationType>;
 export declare type WizardNotificationMessageMap = Record<WizardNotificationId, string>;
 export declare type WizardNotification = {

package/dist/cjs/script/ui/views/components/StructEditor/StructEditor.d.ts

@@ -5,6 +5,7 @@ declare class StructEditor extends Component<any, any, any> {
         enableCursor: boolean;
         clientX: number;
         clientY: number;
+        tooltip: string;
     };
     editorRef: import("react").RefObject<any>;
     logRef: import("react").RefObject<any>;

package/dist/cjs/script/ui/views/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,23 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+export interface TooltipProps {
+    message: string;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export declare const Tooltip: (props: TooltipProps) => "" | import("react/jsx-runtime").JSX.Element;

package/dist/cjs/script/ui/views/components/Tooltip/index.d.ts

@@ -0,0 +1,16 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+export * from './Tooltip';

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

@@ -20,7 +20,7 @@ declare type BottomGroup = 'template-common' | 'template-lib';
 declare type RightGroup = 'atom' | 'period-table';
 declare type ToolbarGroupVariant = TopGroup | LeftGroup | BottomGroup | RightGroup;
 declare type TopToolbarItemVariant = 'clear' | 'open' | 'save' | 'undo' | 'redo' | 'cut' | 'copies' | 'copy' | 'copy-image' | 'copy-mol' | 'copy-ket' | 'paste' | 'zoom-in' | 'zoom-out' | 'zoom-list' | 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about';
-declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'sgroup' | 'reaction-plus' | 'arrows' | 'reaction-arrow-open-angle' | 'reaction-arrow-filled-triangle' | 'reaction-arrow-filled-bow' | 'reaction-arrow-dashed-open-angle' | 'reaction-arrow-failed' | 'reaction-arrow-retrosynthetic' | 'reaction-arrow-both-ends-filled-triangle' | 'reaction-arrow-equilibrium-filled-half-bow' | 'reaction-arrow-equilibrium-filled-triangle' | 'reaction-arrow-equilibrium-open-angle' | 'reaction-arrow-unbalanced-equilibrium-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-open-half-angle' | 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle' | 'reaction-arrow-elliptical-arc-arrow-filled-bow' | 'reaction-arrow-elliptical-arc-arrow-filled-triangle' | 'reaction-arrow-elliptical-arc-arrow-open-angle' | 'reaction-arrow-elliptical-arc-arrow-open-half-angle' | typeof MULTITAIL_ARROW_TOOL_NAME | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'create-monomer' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text' | typeof IMAGE_KEY;
+declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-structure' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'sgroup' | 'reaction-plus' | 'arrows' | 'reaction-arrow-open-angle' | 'reaction-arrow-filled-triangle' | 'reaction-arrow-filled-bow' | 'reaction-arrow-dashed-open-angle' | 'reaction-arrow-failed' | 'reaction-arrow-retrosynthetic' | 'reaction-arrow-both-ends-filled-triangle' | 'reaction-arrow-equilibrium-filled-half-bow' | 'reaction-arrow-equilibrium-filled-triangle' | 'reaction-arrow-equilibrium-open-angle' | 'reaction-arrow-unbalanced-equilibrium-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-open-half-angle' | 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow' | 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle' | 'reaction-arrow-elliptical-arc-arrow-filled-bow' | 'reaction-arrow-elliptical-arc-arrow-filled-triangle' | 'reaction-arrow-elliptical-arc-arrow-open-angle' | 'reaction-arrow-elliptical-arc-arrow-open-half-angle' | typeof MULTITAIL_ARROW_TOOL_NAME | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'create-monomer' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text' | typeof IMAGE_KEY;
 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';

package/dist/components/Icon/utils/iconNameToIcon.d.ts

@@ -159,6 +159,7 @@ export declare const iconNameToIcon: {
     readonly 'rgroup-label': ReactComponent;
     readonly save: ReactComponent;
     readonly search: ReactComponent;
+    readonly 'select-structure': ReactComponent;
     readonly 'select-fragment': ReactComponent;
     readonly 'select-lasso': ReactComponent;
     readonly 'select-rectangle': ReactComponent;