ketcher-react 2.25.0-rc.4 → 2.26.0-rc.1

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

@@ -0,0 +1,5 @@
+export interface CustomButton {
+    id: string;
+    imageLink: string;
+    title: string;
+}

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

@@ -18,6 +18,7 @@ import { Ketcher, ServiceMode, StructService, StructServiceProvider } from 'ketc
 import { ButtonsConfig } from './ButtonsConfig';
 import { initApp } from '../../ui';
 import { Root } from 'react-dom/client';
+import { CustomButton } from './CustomButtons';
 declare class KetcherBuilder {
     private structService;
     private editor;
@@ -27,7 +28,7 @@ declare class KetcherBuilder {
     appendApiAsync(structServiceProvider: StructServiceProvider): Promise<void>;
     reinitializeApi(structServiceProvider: StructServiceProvider, setStructServiceToStore: (structService: StructService) => void): StructService;
     appendServiceMode(mode: ServiceMode): void;
-    appendUiAsync(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig, togglerComponent?: JSX.Element): Promise<{
+    appendUiAsync(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig, togglerComponent?: JSX.Element, customButtons?: Array<CustomButton>): Promise<{
         setKetcher: (ketcher: Ketcher) => void;
         ketcherId: string;
         cleanup: ReturnType<typeof initApp> | null;

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

@@ -81,6 +81,7 @@ declare class Editor implements KetcherEditor {
     structToAddFragment(value: Struct): Struct;
     setOptions(opts: string): false | import("ketcher-core").RenderOptions;
     options(value?: any): import("ketcher-core").RenderOptions;
+    private updateToolAfterOptionsChange;
     zoom(value?: any, event?: WheelEvent): number;
     centerStruct(): void;
     zoomAccordingContent(struct: Struct): void;

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

@@ -1,3 +1,3 @@
 import { Action } from 'ketcher-core';
 import Editor from '../../Editor';
-export declare function dropAndMerge(editor: Editor, mergeItems: any, action?: Action): Action;
+export declare function dropAndMerge(editor: Editor, mergeItems: any, action?: Action, copyAction?: Action): Action;

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

@@ -0,0 +1,7 @@
+import { Tool } from '../Tool';
+import { Editor } from '../../Editor';
+import { SelectMode } from './select.types';
+export * from './select.helpers';
+export declare class SelectCommonTool implements Tool {
+    constructor(editor: Editor, mode: SelectMode);
+}

package/dist/script/editor/tool/{select.d.ts → select/select.d.ts}

@@ -13,35 +13,30 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { Atom, Bond } from 'ketcher-core';
-import { Editor } from '../Editor';
-import { Tool } from './Tool';
-declare type SelectMode = 'lasso' | 'fragment' | 'rectangle';
+import { Editor } from '../../Editor';
+import { Tool } from '../Tool';
+import { SelectMode } from './select.types';
 declare class SelectTool implements Tool {
     #private;
     private readonly editor;
     private dragCtx;
     private previousMouseMoveEvent?;
     isMouseDown: boolean;
+    isReadyForCopy: boolean;
+    isCopied: boolean;
     readonly isMoving = false;
     private multitailArrowMoveTool;
     private reactionArrowMoveTool;
     constructor(editor: Editor, mode: SelectMode);
     isSelectionRunning(): boolean;
-    mousedown(event: PointerEvent): true | undefined;
-    mousemove(event: PointerEvent): boolean;
+    mousedown(event: PointerEvent): boolean;
+    mousemove(event: PointerEvent): true | undefined;
     mouseup(event: PointerEvent): void;
     dblclick(event: any): true | undefined;
     mouseleave(): void;
-    private selectElementsOnCanvas;
     private isDraggingStructureOnSaltOrSolvent;
     private isCloseToEdgeOfCanvas;
     private handleMoveCloseToEdgeOfCanvas;
     private moveViewBox;
 }
-export declare function selMerge(selection: any, add: any, reversible: boolean): any;
-export declare function getSelectedAtoms(selection: any, molecule: any): Atom[];
-export declare function getSelectedBonds(selection: any, molecule: any): Bond[];
-export declare function mapAtomIdsToAtoms(atomsIds: number[], molecule: any): Atom[];
-export declare function mapBondIdsToBonds(bondsIds: number[], molecule: any): Bond[];
 export default SelectTool;

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

@@ -0,0 +1,17 @@
+import { Atom, Bond } from 'ketcher-core';
+import Editor from '../../Editor';
+import LassoHelper from '../helper/lasso';
+export declare function selMerge(selection: any, add: any, reversible: boolean): any;
+export declare function getSelectedAtoms(selection: any, molecule: any): Atom[];
+export declare function getSelectedBonds(selection: any, molecule: any): Bond[];
+export declare function mapAtomIdsToAtoms(atomsIds: number[], molecule: any): Atom[];
+export declare function mapBondIdsToBonds(bondsIds: number[], molecule: any): Bond[];
+export declare function getNewSelectedItems(editor: Editor, selectedSgroups: number[]): Record<"atoms" | "bonds", number[]>;
+export declare function selectElementsOnCanvas(elements: {
+    atoms: number[];
+    bonds: number[];
+}, editor: Editor, lassoHelper: LassoHelper, event: PointerEvent): void;
+export declare function onSelectionStart(event: PointerEvent, editor: Editor, lassoHelper: LassoHelper): void;
+export declare function onSelectionMove(event: PointerEvent, editor: Editor, lassoHelper: LassoHelper): boolean;
+export declare function onSelectionEnd(event: PointerEvent, editor: Editor, lassoHelper: LassoHelper): void;
+export declare function onSelectionLeave(editor: Editor, lassoHelper: LassoHelper): void;

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

@@ -0,0 +1 @@
+export declare type SelectMode = 'lasso' | 'fragment' | 'rectangle';

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

@@ -0,0 +1,14 @@
+import { Tool } from '../Tool';
+import Editor from '../../Editor';
+import { SelectMode } from './select.types';
+export declare class SelectViewOnlyTool implements Tool {
+    private readonly editor;
+    private mode;
+    private readonly lassoHelper;
+    constructor(editor: Editor, mode: SelectMode);
+    isSelectionRunning(): boolean;
+    mousedown(event: PointerEvent): void;
+    mousemove(event: PointerEvent): void;
+    mouseup(event: PointerEvent): void;
+    mouseleave(): void;
+}

package/dist/script/index.d.ts

@@ -17,16 +17,18 @@
 import { Root } from 'react-dom/client';
 import { ButtonsConfig, KetcherBuilder } from './builders';
 import { StructServiceProvider } from 'ketcher-core';
+import { CustomButton } from './builders/ketcher/CustomButtons';
 interface Config {
     element: HTMLDivElement | null;
     appRoot: Root;
     staticResourcesUrl: string;
     structServiceProvider: StructServiceProvider;
     buttons?: ButtonsConfig;
+    customButtons?: Array<CustomButton>;
     errorHandler: (message: string) => void;
     togglerComponent?: JSX.Element;
 }
-declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, structServiceProvider, buttons, errorHandler, togglerComponent, }: Config): Promise<{
+declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, structServiceProvider, buttons, errorHandler, togglerComponent, customButtons, }: Config): Promise<{
     ketcher: import("ketcher-core").Ketcher | undefined;
     ketcherId: string;
     cleanup: (() => void) | null;

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  ***************************************************************************/
 import { Dispatch } from 'redux';
-declare type ToolVariant = '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' | 'chain' | 'charge-minus' | 'charge-plus' | 'check' | 'chiral-flag' | 'cip' | 'clean' | 'copy' | 'copy-image' | 'cut' | 'dearom' | 'dropdown' | 'enhanced-stereo' | 'erase' | 'fullscreen' | 'functional-groups' | 'generic-groups' | 'help' | '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' | '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-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 Editor = any;
 declare type Server = any;
 declare type Options = any;
@@ -27,11 +27,12 @@ declare type ActionObj = {
 };
 declare type ActionFn = (editor: Editor) => void;
 declare type UiActionAction = ActionObj | ActionFn;
-declare type GetActionState = (editor: Editor, server?: Server, options?: Options) => boolean;
+export declare type GetActionState = (editor: Editor, server?: Server, options?: Options) => boolean;
 declare type IsActionState = boolean | GetActionState;
 interface UiAction {
     title?: string;
-    shortcut?: string;
+    shortcut?: string | Array<string>;
+    enabledInViewOnly?: true;
     action: UiActionAction;
     selected?: IsActionState;
     disabled?: IsActionState;
@@ -39,6 +40,6 @@ interface UiAction {
     onAction?: (action: UiActionAction) => void;
 }
 declare type Tools = {
-    [ket in keyof ToolVariant]?: UiAction;
+    [key in ToolVariant]: UiAction;
 };
 export type { Tools, UiAction, UiActionAction };

package/dist/script/ui/action/createCopyOfSelected.d.ts

@@ -0,0 +1,14 @@
+import { Editor, Vec2 } from 'ketcher-core';
+export declare const createCopyOfSelected: (editor: Editor, point: Vec2) => {
+    action: import("ketcher-core").Action;
+    items: {
+        atoms: number[];
+        bonds: number[];
+        rxnArrows: number[];
+        rxnPluses: number[];
+        texts: number[];
+        images: number[];
+        simpleObjects: number[];
+        multitailArrows: number[];
+    };
+};

package/dist/script/ui/action/fullscreen.d.ts

@@ -16,6 +16,7 @@
 declare const _default: {
     fullscreen: {
         title: string;
+        enabledInViewOnly: boolean;
         action: () => void;
         hidden: (options: any) => boolean;
     };

package/dist/script/ui/action/help.d.ts

@@ -1,5 +1,6 @@
 declare namespace _default {
     namespace help {
+        const enabledInViewOnly: boolean;
         const shortcut: string[];
         function action(): void | undefined;
         function hidden(options: any): boolean;

package/dist/script/ui/action/highlightColors/HighlightColors.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface HighlightMenuProps {
+    onHighlight: (color: string) => void;
+}
+declare const HighlightMenu: FC<HighlightMenuProps>;
+export default HighlightMenu;

package/dist/script/ui/action/highlightColors/style.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const standardColors: {
+    name: string;
+    value: string;
+}[];
+export declare const StyledSubmenu: import("@emotion/styled").StyledComponent<import("react-contexify").SubMenuProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ColorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorSquare: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ColorItem: import("@emotion/styled").StyledComponent<import("react-contexify").ItemProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;