ketcher-react 3.8.0-rc.4 → 3.9.0-rc.2

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { Action, AttachmentPointName, Editor as KetcherEditor, FloatingToolsParams, MonomerCreationState, MULTITAIL_ARROW_KEY, Render, Struct } from 'ketcher-core';
+import { Action, Atom, AttachmentPointName, Editor as KetcherEditor, FloatingToolsParams, MonomerCreationState, MULTITAIL_ARROW_KEY, Render, Struct } from 'ketcher-core';
 import { PipelineSubscription, Subscription } from 'subscription';
 import { Highlighter } from './highlighter';
 import { ContextMenuInfo } from '../ui/views/components/ContextMenu/contextMenu.types';
@@ -97,23 +97,35 @@ declare class Editor implements KetcherEditor {
     private set monomerCreationState(value);
     get isMonomerCreationWizardActive(): boolean;
     private terminalRGroupAtoms;
-    private potentialLeavingAtoms;
+    private potentialLeavingAtomsForAutoAssignment;
+    private potentialLeavingAtomsForManualAssignment;
     get isMonomerCreationWizardEnabled(): boolean;
-    static isSelectionContinuous(selection: Selection, struct: Struct): boolean;
+    isMinimalViableStructure(): boolean;
+    static isStructureContinuous(struct: Struct, selection?: Selection): boolean;
+    static isStructureImpure(struct: Struct): boolean;
     private originalStruct;
     private originalSelection;
     private selectedToOriginalAtomsIdMap;
     private selectionBBox;
+    private changeEventSubscriber;
     openMonomerCreationWizard(): void;
     assignLeavingGroupAtom(atomId: number): void;
+    private preservedConnectionPointData;
+    assignConnectionPointAtom(atomId: number): void;
     closeMonomerCreationWizard(): void;
     private cleanupAttachmentPoint;
     saveNewMonomer(data: any): void;
-    reassignAttachmentPointAtom(atomId: number, atomLabel: string): void;
+    reassignAttachmentPointLeavingAtom(name: AttachmentPointName, newLeavingAtomId: number): void;
     reassignAttachmentPoint(currentName: AttachmentPointName, newName: AttachmentPointName): void;
     removeAttachmentPoint(name: AttachmentPointName): void;
     cleanupCloseAttachmentPointEditPopup(): void;
     setProblematicAttachmentPoints(problematicPoints: Set<AttachmentPointName>): void;
+    highlightAttachmentPoint(name: AttachmentPointName | null): void;
+    findPotentialLeavingAtoms(attachmentAtomId: number): Atom[];
+    private subscribeToChangeEventInMonomerCreationWizard;
+    private unsubscribeFromChangeEventInMonomerCreationWizard;
+    private collectChangesForMonomerCreationStateInvalidation;
+    private invalidateMonomerCreationWizardState;
     selection(ci?: any): Selection | null;
     hover(ci: {
         id: number;

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

@@ -13,4 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+declare type Position = {
+    x: number;
+    y: number;
+};
+declare type ArrowPosition = [Position, Position];
+export declare type ChangeEventData = {
+    operation: any;
+    id?: number;
+    label?: string;
+    position?: Position | ArrowPosition;
+    attribute?: any;
+    from?: any;
+    to?: any;
+    atomId?: any;
+    fragId?: any;
+    sGroupId?: any;
+    type?: any;
+    mode?: any;
+};
 export declare function customOnChangeHandler(action: any, handler: any): any;
+export {};

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

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

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

@@ -6,7 +6,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     clean: {
@@ -15,7 +15,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     arom: {
@@ -24,7 +24,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     dearom: {
@@ -33,7 +33,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     cip: {
@@ -42,7 +42,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     check: {
@@ -70,7 +70,7 @@ declare const config: {
         action: {
             dialog: string;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
     miew: {
@@ -86,7 +86,7 @@ declare const config: {
         action: {
             thunk: (dispatch: any, getState: any) => void;
         };
-        disabled: (editor: any, server: any, options: any) => boolean;
+        disabled: (editor: any, server: any, options: any) => any;
         hidden: (options: any) => boolean;
     };
 };

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

@@ -58,11 +58,11 @@ declare const _default: {
         action: {
             tool: string;
         };
-        disabled: (editor: any) => boolean;
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'charge-plus': {
-        shortcut: string;
+        shortcut: string[];
         title: string;
         action: {
             tool: string;
@@ -71,7 +71,7 @@ declare const _default: {
         hidden: (options: any) => boolean;
     };
     'charge-minus': {
-        shortcut: string;
+        shortcut: string[];
         title: string;
         action: {
             tool: string;
@@ -112,9 +112,11 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     arrows: {
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-open-angle': {
@@ -123,6 +125,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-filled-triangle': {
@@ -131,6 +134,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-filled-bow': {
@@ -139,6 +143,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-dashed-open-angle': {
@@ -147,6 +152,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-failed': {
@@ -155,6 +161,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-retrosynthetic': {
@@ -163,6 +170,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-both-ends-filled-triangle': {
@@ -171,6 +179,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-equilibrium-filled-half-bow': {
@@ -179,6 +188,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-equilibrium-filled-triangle': {
@@ -187,6 +197,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-equilibrium-open-angle': {
@@ -195,6 +206,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-unbalanced-equilibrium-filled-half-bow': {
@@ -203,6 +215,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-unbalanced-equilibrium-open-half-angle': {
@@ -211,6 +224,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow': {
@@ -219,6 +233,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-unbalanced-equilibrium-filled-half-triangle': {
@@ -227,6 +242,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-elliptical-arc-arrow-filled-bow': {
@@ -235,6 +251,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-elliptical-arc-arrow-filled-triangle': {
@@ -243,6 +260,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-elliptical-arc-arrow-open-angle': {
@@ -251,6 +269,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-arrow-elliptical-arc-arrow-open-half-angle': {
@@ -259,6 +278,7 @@ declare const _default: {
             tool: string;
             opts: RxnArrowMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     "reaction-arrow-multitail": {
@@ -267,6 +287,7 @@ declare const _default: {
             tool: string;
             opts: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-plus': {
@@ -274,9 +295,11 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-mapping-tools': {
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-map': {
@@ -284,6 +307,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'reaction-unmap': {
@@ -291,9 +315,11 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     rgroup: {
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'rgroup-label': {
@@ -302,6 +328,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'rgroup-fragment': {
@@ -310,6 +337,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'rgroup-attpoints': {
@@ -318,6 +346,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     "create-monomer": {
@@ -326,9 +355,10 @@ declare const _default: {
         action: {
             tool: string;
         };
-        disabled: (editor: any) => boolean;
+        disabled: (editor: any) => any;
     };
     shapes: {
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'shape-ellipse': {
@@ -337,6 +367,7 @@ declare const _default: {
             tool: string;
             opts: SimpleObjectMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'shape-rectangle': {
@@ -345,6 +376,7 @@ declare const _default: {
             tool: string;
             opts: SimpleObjectMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'shape-line': {
@@ -353,6 +385,7 @@ declare const _default: {
             tool: string;
             opts: SimpleObjectMode;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     text: {
@@ -361,6 +394,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     bonds: {
@@ -371,6 +405,7 @@ declare const _default: {
         action: {
             tool: string;
         };
+        disabled: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
 };

package/dist/script/ui/dialog/template/TemplateDialog.d.ts

@@ -25,6 +25,7 @@ interface TemplateLibProps {
     initialTab: number;
     saltsAndSolvents: Template[];
     renderOptions?: any;
+    isMonomerCreationWizardActive?: boolean;
 }
 interface TemplateLibCallProps {
     onAttach: (tmpl: Template) => void;
@@ -49,6 +50,7 @@ declare const _default: import("react-redux").ConnectedComponent<FC<Props>, {
     initialTab: number;
     saltsAndSolvents: Template[];
     renderOptions?: any;
+    isMonomerCreationWizardActive?: boolean | undefined;
     onAttach: (tmpl: Template) => void;
     onCancel: () => void;
     onChangeGroup: (group: string) => void;

package/dist/script/ui/views/components/AttachmentPointEditPopup/AttachmentPointEditPopup.d.ts

@@ -1,9 +1,11 @@
 import { AttachmentPointClickData, AttachmentPointName } from 'ketcher-core';
+import { Editor } from '../../../../editor';
 declare type Props = {
-    data: AttachmentPointClickData | null;
+    data: AttachmentPointClickData;
     onNameChange: (currentName: AttachmentPointName, newName: AttachmentPointName) => void;
-    onAtomChange: (atomId: number, atomLabel: string) => void;
+    onLeavingAtomChange: (apName: AttachmentPointName, newLeavingAtomId: number) => void;
     onClose: VoidFunction;
+    editor: Editor;
 };
-declare const AttachmentPointEditPopup: ({ data, onNameChange, onAtomChange, onClose, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const AttachmentPointEditPopup: ({ data, onNameChange, onLeavingAtomChange, onClose, editor, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default AttachmentPointEditPopup;

package/dist/script/ui/views/components/ContextMenu/contextMenu.types.d.ts

@@ -1,4 +1,4 @@
-import { FunctionalGroup } from 'ketcher-core';
+import { AttachmentPointName, FunctionalGroup } from 'ketcher-core';
 import type { TriggerEvent, PredicateParams } from 'react-contexify';
 import { Selection } from '../../../../editor/Editor';
 export declare enum CONTEXT_MENU_ID {
@@ -8,7 +8,8 @@ export declare enum CONTEXT_MENU_ID {
     FOR_FUNCTIONAL_GROUPS = "context-menu-for-functional-groups",
     FOR_R_GROUP_ATTACHMENT_POINT = "context-menu-for-rgroup-attachment-point",
     FOR_MULTITAIL_ARROW = "context-menu-for-multiple-arrowed",
-    FOR_MACROMOLECULE = "context-menu-for-macromolecule"
+    FOR_MACROMOLECULE = "context-menu-for-macromolecule",
+    FOR_ATTACHMENT_POINT_LABEL = "context-menu-for-attachment-point-label"
 }
 export declare type ItemData = unknown;
 interface BaseContextMenuProps {
@@ -46,7 +47,11 @@ export interface MultitailArrowContextMenuProps {
     itemId: number;
     tailId: number | null;
 }
-export declare type ContextMenuProps = BondsContextMenuProps | AtomContextMenuProps | SelectionContextMenuProps | FunctionalGroupsContextMenuProps | RGroupAttachmentPointContextMenuProps | MultitailArrowContextMenuProps | MacromoleculeContextMenuProps;
+export interface AttachmentPointLabelContextMenuProps extends BaseContextMenuProps {
+    id: string;
+    attachmentPointName: AttachmentPointName;
+}
+export declare type ContextMenuProps = BondsContextMenuProps | AtomContextMenuProps | SelectionContextMenuProps | FunctionalGroupsContextMenuProps | RGroupAttachmentPointContextMenuProps | MultitailArrowContextMenuProps | MacromoleculeContextMenuProps | AttachmentPointLabelContextMenuProps;
 export interface MenuItemsProps<T extends ContextMenuProps> {
     triggerEvent?: TriggerEvent;
     propsFromTrigger?: T;
@@ -58,7 +63,8 @@ export declare type ContextMenuInfo = {
 export declare enum ContextMenuTriggerType {
     None = "none",
     Selection = "selection",
-    ClosestItem = "closestItem"
+    ClosestItem = "closestItem",
+    AuxiliaryItem = "auxiliaryItem"
 }
 export interface ClosestItem {
     id: number;

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

@@ -0,0 +1,2 @@
+declare const useCreateMonomer: () => readonly [() => Promise<void>, () => boolean];
+export default useCreateMonomer;

package/dist/{cjs/script/ui/views/components/ContextMenu/hooks/useMakeLeavingGroupAtomMenuItem.d.ts → script/ui/views/components/ContextMenu/hooks/useMakeAttachmentPointMenuItems.d.ts}

@@ -1,9 +1,10 @@
 import { AtomContextMenuProps, MenuItemsProps } from '../contextMenu.types';
 import { Editor } from 'src/script/editor';
+import { ReactNode } from 'react';
 declare type Props = {
     props: MenuItemsProps<AtomContextMenuProps>;
     selectedAtomId: number | undefined;
     editor: Editor;
 };
-declare const useMakeLeavingGroupAtomMenuItem: ({ props, selectedAtomId, editor, }: Props) => import("react/jsx-runtime").JSX.Element | null;
-export default useMakeLeavingGroupAtomMenuItem;
+declare const useMakeAttachmentPointMenuItems: ({ props, selectedAtomId, editor, }: Props) => ReactNode[] | null;
+export default useMakeAttachmentPointMenuItems;

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

@@ -0,0 +1,3 @@
+import { AttachmentPointLabelContextMenuProps, MenuItemsProps } from '../contextMenu.types';
+declare const AttachmentPointLabelMenuItems: ({ propsFromTrigger, }: MenuItemsProps<AttachmentPointLabelContextMenuProps>) => import("react/jsx-runtime").JSX.Element | null;
+export default AttachmentPointLabelMenuItems;

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

@@ -13,7 +13,7 @@ export declare type WizardValues = {
     [key in StringWizardFormFieldId]: string;
 };
 export declare type WizardNotificationType = 'info' | 'error';
-export declare type WizardNotificationId = 'defaultAttachmentPoints' | 'emptyMandatoryFields' | 'invalidSymbol' | 'symbolExists' | 'editingIsNotAllowed' | 'noAttachmentPoints' | 'incorrectAttachmentPointsOrder' | 'creationSuccessful';
+export declare type WizardNotificationId = 'defaultAttachmentPoints' | 'emptyMandatoryFields' | 'invalidSymbol' | 'symbolExists' | 'editingIsNotAllowed' | 'noAttachmentPoints' | 'incorrectAttachmentPointsOrder' | 'creationSuccessful' | 'incontinuousStructure' | 'notMinimalViableStructure' | 'impureStructure';
 export declare type WizardNotificationTypeMap = Record<WizardNotificationId, WizardNotificationType>;
 export declare type WizardNotificationMessageMap = Record<WizardNotificationId, string>;
 export declare type WizardNotification = {

package/dist/script/ui/views/components/MonomerCreationWizard/components/AttachmentPoint/AttachmentPoint.d.ts

@@ -1,8 +1,11 @@
 import { AttachmentPointName } from 'ketcher-core';
+import Editor from '../../../../../../editor';
 declare type Props = {
     name: AttachmentPointName;
-    atomLabel: string;
-    implicitH: number;
+    editor: Editor;
+    onNameChange: (currentName: AttachmentPointName, newName: AttachmentPointName) => void;
+    onLeavingAtomChange: (apName: AttachmentPointName, newLeavingAtomId: number) => void;
+    onRemove: (name: AttachmentPointName) => void;
 };
-declare const AttachmentPoint: ({ name, atomLabel, implicitH }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const AttachmentPoint: ({ name, editor, onNameChange, onLeavingAtomChange, onRemove, }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default AttachmentPoint;

package/dist/script/ui/views/components/MonomerCreationWizard/components/AttachmentPointControls/AttachmentPointControls.d.ts

@@ -0,0 +1,13 @@
+import { AttachmentPointName } from 'ketcher-core';
+import { AttachmentPointSelectData } from '../../hooks/useAttachmentPointSelectsData';
+import { ReactNode } from 'react';
+declare type Props = {
+    data: AttachmentPointSelectData;
+    onNameChange: (newName: AttachmentPointName) => void;
+    onLeavingAtomChange: (newLeavingAtomId: number) => void;
+    className?: string;
+    additionalControls?: ReactNode;
+    highlight?: boolean;
+};
+declare const AttachmentPointControls: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export default AttachmentPointControls;

package/dist/script/ui/views/components/MonomerCreationWizard/hooks/useAttachmentPointSelectsData.d.ts

@@ -0,0 +1,10 @@
+import { AttachmentPointName } from 'ketcher-core';
+import { Editor } from '../../../../../editor';
+import { Option } from '../../../../component/form/Select';
+export declare type AttachmentPointSelectData = {
+    nameOptions: Array<Option>;
+    leavingAtomOptions: Array<Option>;
+    currentNameOption?: Option;
+    currentLeavingAtomOption?: Option;
+};
+export declare const useAttachmentPointSelectsData: (editor: Editor, attachmentPointName: AttachmentPointName) => AttachmentPointSelectData | null;

package/dist/script/ui/views/modal/components/PeriodTable/components/TypeChoice/TypeChoice.d.ts

@@ -1,6 +1,7 @@
 export default TypeChoice;
-declare function TypeChoice({ value, onChange, ...props }: {
+declare function TypeChoice({ value, onChange, disabled, ...props }: {
     [x: string]: any;
     value: any;
     onChange: any;
+    disabled: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/views/modal/components/toolbox/Atom/Atom.container.d.ts

@@ -17,6 +17,7 @@
 declare const AtomContainer: import("react-redux").ConnectedComponent<import("react").FC<import("./Atom").AtomProps & {
     isMultipleAtoms?: boolean | undefined;
     isRestoredModal: boolean;
+    isMonomerCreationWizardActive?: boolean | undefined;
 }>, {
     className: string;
     alias: string;

package/dist/script/ui/views/modal/components/toolbox/Atom/Atom.d.ts

@@ -34,6 +34,7 @@ interface AtomProps extends BaseCallProps, BaseProps {
 declare type Props = AtomProps & {
     isMultipleAtoms?: boolean;
     isRestoredModal: boolean;
+    isMonomerCreationWizardActive?: boolean;
 };
 declare const Atom: FC<Props>;
 export type { AtomProps };

package/dist/script/ui/views/modal/components/toolbox/Bond/Bond.container.d.ts

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-declare const BondContainer: import("react-redux").ConnectedComponent<(props: import("./Bond").BondProps & import("../../../modal.types").BaseCallProps) => import("react/jsx-runtime").JSX.Element, {
+declare const BondContainer: import("react-redux").ConnectedComponent<(props: import("./Bond").BondProps & import("../../../modal.types").BaseCallProps & {
+    isMonomerCreationWizardActive?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element, {
     className: string;
     type: string;
     topology: number | null;

package/dist/script/ui/views/modal/components/toolbox/Bond/Bond.d.ts

@@ -22,7 +22,9 @@ interface BondSettings {
 }
 interface BondProps extends BaseProps, BondSettings {
 }
-declare type Props = BondProps & BaseCallProps;
+declare type Props = BondProps & BaseCallProps & {
+    isMonomerCreationWizardActive?: boolean;
+};
 declare const Bond: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export type { BondProps };
 export default Bond;

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

@@ -16,8 +16,8 @@
 interface ArrowScrollProps {
     startInView: boolean;
     endInView: boolean;
-    scrollForward: any;
-    scrollBack: any;
+    scrollForward: (dtMs: number) => void;
+    scrollBack: (dtMs: number) => void;
     isLeftRight?: boolean;
 }
 declare const ArrowScroll: ({ startInView, endInView, scrollForward, scrollBack, isLeftRight, }: ArrowScrollProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "3.8.0-rc.4",
+  "version": "3.9.0-rc.2",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",
@@ -81,7 +81,6 @@
     "subscription": "^3.0.0",
     "url-search-params-polyfill": "^8.1.1",
     "use-resize-observer": "^7.0.0",
-    "w3c-keyname": "^2.2.4",
     "whatwg-fetch": "^3.4.1"
   },
   "devDependencies": {