ketcher-react 3.6.0-rc.2 → 3.7.0-rc.2

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

@@ -30,6 +30,10 @@ export interface Selection {
     rgroupAttachmentPoints?: Array<number>;
     [MULTITAIL_ARROW_KEY]?: Array<number>;
 }
+export declare type MonomerCreationState = {
+    originalStruct: Struct;
+    attachmentAtomIdToLeavingAtomId: Map<number, number>;
+} | null;
 declare class Editor implements KetcherEditor {
     #private;
     ketcherId: string;
@@ -71,6 +75,7 @@ declare class Editor implements KetcherEditor {
         cursor: Subscription;
         updateFloatingTools: Subscription<FloatingToolsParams>;
     };
+    private _monomerCreationState;
     serverSettings: {};
     lastEvent: any;
     macromoleculeConvertionError: string | null | undefined;
@@ -93,6 +98,17 @@ declare class Editor implements KetcherEditor {
     centerViewportAccordingToStruct(struct?: Struct): void;
     positionStruct(x: number, y: number): void;
     zoomAccordingContent(struct: Struct): boolean;
+    get monomerCreationState(): MonomerCreationState;
+    get isMonomerCreationWizardActive(): boolean;
+    private singleBondsToOutsideOfSelection;
+    get isMonomerCreationWizardEnabled(): boolean;
+    static isSelectionContinuous(selection: Selection, struct: Struct): boolean;
+    private originalSelection;
+    private atomIdsMap;
+    private selectionBBox;
+    openMonomerCreationWizard(): void;
+    closeMonomerCreationWizard(): void;
+    saveNewMonomer(data: any): void;
     selection(ci?: any): Selection | null;
     hover(ci: {
         id: number;
@@ -115,7 +131,7 @@ declare class Editor implements KetcherEditor {
         atoms: Map<any, any>;
         atomToFunctionalGroup: Map<any, any>;
     };
-    explicitSelected(): any;
+    explicitSelected(autoSelectBonds?: boolean): any;
     structSelected(): Struct;
     alignDescriptors(): void;
     setMacromoleculeConvertionError(errorMessage: string): void;

package/dist/cjs/script/editor/tool/create-monomer.d.ts

@@ -0,0 +1,9 @@
+import { Tool } from './Tool';
+import Editor from '../Editor';
+declare class CreateMonomerTool implements Tool {
+    private editor;
+    constructor(editor: Editor);
+    cancel(): void;
+    mousemove(): void;
+}
+export default CreateMonomerTool;

package/dist/cjs/script/index.d.ts

@@ -38,3 +38,5 @@ declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, struc
     setServer: (structService: import("ketcher-core").StructService) => void;
 }>;
 export default buildKetcherAsync;
+export * from './ui/views/toolbars/ArrowScroll';
+export * from './ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/usePortalStyle';

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

@@ -14,27 +14,28 @@
  * limitations under the License.
  ***************************************************************************/
 export const basicAtoms: string[];
-export namespace atomCuts {
-    const H: string;
-    const C: string;
-    const N: string;
-    const O: string;
-    const S: string;
-    const P: string;
-    const F: string;
-    const Cl: string;
-    const Br: string;
-    const I: string;
-    const A: string;
-    const Q: string;
-    const R: string;
-    const K: string;
-    const M: string;
-    const Si: string;
-    const Na: string;
-    const X: string;
-    const D: string;
-    const B: string;
-}
+export const atomCuts: {
+    H: string;
+    C: string;
+    N: string;
+    O: string;
+    S: string;
+    P: string;
+    F: string;
+    Cl: string;
+    Br: string;
+    I: string;
+    A: string;
+    Q: string;
+    R: string;
+    K: string;
+    M: string;
+    Si: string;
+    Na: string;
+    X: string;
+    D: string;
+    B: string;
+    '*': string;
+};
 declare const _default: {};
 export default _default;

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

@@ -320,6 +320,14 @@ declare const _default: {
         };
         hidden: (options: any) => boolean;
     };
+    "create-monomer": {
+        shortcut: string;
+        title: string;
+        action: {
+            tool: string;
+        };
+        disabled: (editor: any) => boolean;
+    };
     shapes: {
         hidden: (options: any) => boolean;
     };

package/dist/cjs/script/ui/component/form/Select/Select.d.ts

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import { ReactNode } from 'react';
 export interface Option {
     value: string;
     label: string;
+    children?: ReactNode;
 }
 interface Props {
     options: Array<Option>;
@@ -26,7 +28,9 @@ interface Props {
     disabled?: boolean;
     formName?: string;
     name?: string;
+    placeholder?: string;
     'data-testid'?: string;
+    error?: boolean;
 }
-declare const Select: ({ className, value, onChange, multiple, disabled, options, formName, name, "data-testid": testId, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ className, value, onChange, multiple, disabled, options, formName, name, placeholder, "data-testid": testId, error, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/cjs/script/ui/component/form/buttonlist.d.ts

@@ -1,9 +1,10 @@
 export default ButtonList;
-declare function ButtonList({ value, onChange, schema, disabledIds, multiple, classes, }: {
+declare function ButtonList({ value, onChange, schema, disabledIds, multiple, classes, testId, }: {
     value: any;
     onChange: any;
     schema: any;
     disabledIds: any;
     multiple: any;
     classes: any;
+    testId: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/script/ui/state/editor/actions/monomerCreation.d.ts

@@ -0,0 +1,15 @@
+export declare const MonomerCreationActions: {
+    readonly OpenWizard: "MonomerCreation/OpenWizard";
+    readonly CloseWizard: "MonomerCreation/CloseWizard";
+    readonly SubmitMonomer: "MonomerCreation/SubmitMonomer";
+};
+export declare const openMonomerCreationWizard: () => {
+    type: "MonomerCreation/OpenWizard";
+};
+export declare const closeMonomerCreationWizard: () => {
+    type: "MonomerCreation/CloseWizard";
+};
+export declare const submitMonomerCreation: (payload: any) => {
+    type: "MonomerCreation/SubmitMonomer";
+    payload: any;
+};

package/dist/cjs/script/ui/state/editor/middlewares/monomerCreation.d.ts

@@ -0,0 +1,3 @@
+import { Middleware } from 'redux';
+declare const monomerCreationMiddleware: Middleware;
+export default monomerCreationMiddleware;

package/dist/cjs/script/ui/state/editor/selectors/index.d.ts

@@ -13,4 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import type { MonomerCreationState } from '../../../../editor/Editor';
 export declare const editorOptionsSelector: (state: any) => any;
+export declare const editorMonomerCreationStateSelector: (state: any) => MonomerCreationState;

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

@@ -0,0 +1,5 @@
+import { MonomerTypeSelectItem, WizardNotificationMessageMap, WizardNotificationTypeMap } from './MonomerCreationWizard.types';
+export declare const MonomerTypeSelectConfig: MonomerTypeSelectItem[];
+export declare const NotificationMessages: WizardNotificationMessageMap;
+export declare const NotificationTypes: WizardNotificationTypeMap;
+export declare const MonomerCreationExternalNotificationAction = "MonomerCreationExternalNotification";

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

@@ -0,0 +1,2 @@
+declare const MonomerCreationWizard: () => import("react/jsx-runtime").JSX.Element | null;
+export default MonomerCreationWizard;

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

@@ -0,0 +1,54 @@
+import { KetMonomerClass } from 'application/formatters';
+import { IconName } from 'components';
+export declare type MonomerTypeSelectItem = {
+    value: KetMonomerClass;
+    label: string;
+    iconName: IconName;
+};
+export declare type WizardFormFieldId = 'type' | 'symbol' | 'name' | 'naturalAnalogue';
+export declare type StringWizardFormFieldId = Exclude<WizardFormFieldId, 'type'>;
+export declare type WizardValues = {
+    type: KetMonomerClass | undefined;
+} & {
+    [key in StringWizardFormFieldId]: string;
+};
+export declare type WizardNotificationType = 'info' | 'error';
+export declare type WizardNotificationId = 'defaultAttachmentPoints' | 'emptyMandatoryFields' | 'invalidSymbol' | 'symbolExists' | 'editingIsNotAllowed';
+export declare type WizardNotificationTypeMap = Record<WizardNotificationId, WizardNotificationType>;
+export declare type WizardNotificationMessageMap = Record<WizardNotificationId, string>;
+export declare type WizardNotification = {
+    type: WizardNotificationType;
+    message: string;
+};
+export declare type WizardErrors = Partial<Record<WizardFormFieldId, boolean>>;
+export declare type WizardNotifications = Map<WizardNotificationId, WizardNotification>;
+export declare type WizardState = {
+    values: WizardValues;
+    errors: WizardErrors;
+    notifications: WizardNotifications;
+};
+export declare type WizardAction = {
+    type: 'SetFieldValue';
+    fieldId: 'type';
+    value: KetMonomerClass;
+} | {
+    type: 'SetFieldValue';
+    fieldId: StringWizardFormFieldId;
+    value: string;
+} | {
+    type: 'SetErrors';
+    errors: WizardErrors;
+} | {
+    type: 'SetNotifications';
+    notifications: WizardNotifications;
+} | {
+    type: 'AddNotification';
+    id: WizardNotificationId;
+} | {
+    type: 'RemoveNotification';
+    id: WizardNotificationId;
+} | {
+    type: 'ResetWizard';
+} | {
+    type: 'ResetErrors';
+};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+declare type Props = {
+    title: string;
+    control: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+};
+declare const AttributeField: ({ title, control, required, disabled }: Props) => import("react/jsx-runtime").JSX.Element;
+export default AttributeField;

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

@@ -0,0 +1,7 @@
+export declare type Props = {
+    label: string;
+    color: string;
+    className?: string;
+};
+declare const NaturalAnalogueChip: ({ label, color, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export default NaturalAnalogueChip;

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { KetMonomerClass } from 'ketcher-core';
+interface ChipGridSelectProps {
+    monomerType: KetMonomerClass | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+    error?: boolean;
+}
+export declare const isNaturalAnalogueRequired: (monomerType: KetMonomerClass | undefined) => boolean;
+declare const NaturalAnaloguePicker: FC<ChipGridSelectProps>;
+export default NaturalAnaloguePicker;

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

@@ -0,0 +1,10 @@
+import { WizardAction, WizardNotificationId, WizardNotificationType } from '../../MonomerCreationWizard.types';
+import { Dispatch } from 'react';
+declare type Props = {
+    id: WizardNotificationId;
+    type: WizardNotificationType;
+    message: string;
+    wizardStateDispatch: Dispatch<WizardAction>;
+};
+declare const Notification: ({ id, type, message, wizardStateDispatch }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/dist/cjs/script/ui/views/modal/components/process/Analyse/components/FrozenInput/FrozenInput.d.ts

@@ -14,6 +14,7 @@ export default FrozenInput;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-declare function FrozenInput({ value }: {
+declare function FrozenInput({ value, "data-testid": dataTestId }: {
     value: any;
+    "data-testid": any;
 }): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -14,6 +14,6 @@
  * limitations under the License.
  ***************************************************************************/
 import { CSSProperties, RefObject } from 'react';
-declare type HookParams = [RefObject<HTMLDivElement>, boolean];
-declare function usePortalStyle([ref, isOpen]: HookParams): [CSSProperties];
+declare type HookParams = [RefObject<HTMLDivElement>, boolean, boolean?, string?];
+declare function usePortalStyle([ref, isOpen, isTop, rootElementSelector,]: HookParams): [CSSProperties];
 export { usePortalStyle };

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' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text' | typeof IMAGE_KEY;
+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 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/Icon.d.ts

@@ -14,5 +14,5 @@
  * limitations under the License.
  ***************************************************************************/
 import { IIconProps } from './types';
-declare const Icon: ({ name, className, title, onClick, dataTestId }: IIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const Icon: ({ name, className, title, onClick, onMouseOver, onMouseOut, onDoubleClick, dataTestId, }: IIconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

package/dist/components/Icon/types.d.ts

@@ -24,5 +24,8 @@ export interface IIconProps {
     className?: string;
     title?: string;
     onClick?: (e: MouseEvent) => void;
+    onMouseOver?: (e: MouseEvent) => void;
+    onMouseOut?: (e: MouseEvent) => void;
+    onDoubleClick?: (e: MouseEvent) => void;
     dataTestId?: string;
 }

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

@@ -228,6 +228,8 @@ export declare const iconNameToIcon: {
     readonly phosphate: ReactComponent;
     readonly preset: ReactComponent;
     readonly nucleotide: ReactComponent;
+    readonly peptide: ReactComponent;
+    readonly chem: ReactComponent;
     readonly 'edit-filled': ReactComponent;
     readonly 'vertical-dots': ReactComponent;
     readonly expand: ReactComponent;
@@ -243,4 +245,8 @@ export declare const iconNameToIcon: {
     readonly antisenseStrand: ReactComponent;
     readonly antisenseRnaStrand: ReactComponent;
     readonly antisenseDnaStrand: ReactComponent;
+    readonly 'monomer-autochain': ReactComponent;
+    readonly "create-monomer": ReactComponent;
+    readonly checkFilled: ReactComponent;
+    readonly warningFilled: ReactComponent;
 };

package/dist/components/StructRender/StructRender.d.ts

@@ -14,5 +14,5 @@
  * limitations under the License.
  ***************************************************************************/
 import { IStructRenderProps } from './types';
-declare const StructRender: ({ struct, options, className, fullsize, update, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const StructRender: ({ struct, options, className, fullsize, update, testId, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default StructRender;

package/dist/components/StructRender/types.d.ts

@@ -24,5 +24,6 @@ export interface IStructRenderProps {
     className?: string;
     update?: boolean;
     fullsize?: boolean;
+    testId?: string;
 }
 export {};

package/dist/constants.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+import { KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR, EditorClassName } from 'ketcher-core';
 export declare const ketcherInitEventName: (ketcherId?: string) => string;
 export declare const MODES: {
     FG: string;
@@ -23,8 +24,7 @@ export declare const STRUCT_TYPE: {
 };
 export declare const KETCHER_ROOT_NODE_CLASS_NAME = "Ketcher-root";
 export declare const KETCHER_ROOT_NODE_CSS_SELECTOR: string;
-export declare const EditorClassName = "Ketcher-polymer-editor-root";
-export declare const KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR: string;
+export { EditorClassName, KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR };
 export declare const STRUCT_SERVICE_NO_RENDER_INITIALIZED_EVENT = "struct-service-no-render-initialized";
 export declare const STRUCT_SERVICE_INITIALIZED_EVENT = "struct-service-initialized";
 export declare const ACS_STYLE_DEFAULT_SETTINGS: {