ketcher-react 2.8.0-rc.3-dev.2 → 2.8.0-rc.3-dev.3

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

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export declare type ButtonName = 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about' | 'fullscreen' | 'sgroup' | 'sgroup-data' | '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-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' | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'shape' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text' | 'enhanced-stereo';
+export declare type ButtonName = 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about' | 'fullscreen' | '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-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' | 'reaction-mapping-tools' | 'reaction-automap' | 'reaction-map' | 'reaction-unmap' | 'rgroup' | 'rgroup-label' | 'rgroup-fragment' | 'rgroup-attpoints' | 'shape' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text' | 'enhanced-stereo';

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

@@ -16,7 +16,7 @@
 import { Action, Editor as KetcherEditor, Render, Struct } from 'ketcher-core';
 import { PipelineSubscription, Subscription } from 'subscription';
 import { Highlighter } from './highlighter';
-interface Selection {
+export interface Selection {
     atoms?: Array<number>;
     bonds?: Array<number>;
     enhancedFlags?: Array<number>;

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

@@ -4,6 +4,8 @@ declare namespace _default {
     export { calcNewAtomPos };
     export { degrees };
     export { mergeBondsParams };
+    export { getOnlyNonGroupItems };
+    export { getNonGroupItemsAndAttachmentPoints };
 }
 export default _default;
 declare function calcAngle(pos0: any, pos1: any): number;
@@ -16,4 +18,31 @@ declare function mergeBondsParams(struct1: any, bond1: any, struct2: any, bond2:
     scale: number;
     cross: boolean;
 };
+/**
+ * Get all items IDs that do not belong to sgroups
+ * @param items {{ atoms?: number[]; bonds?: number[] } | null}
+ * @param struct {Struct}
+ * @returns {{ atoms: number[], bonds: number[] }}
+ */
+declare function getOnlyNonGroupItems(items: {
+    atoms?: number[] | undefined;
+    bonds?: number[] | undefined;
+} | null, struct: Struct): {
+    atoms: number[];
+    bonds: number[];
+};
+/**
+ * Get all items IDs that do not belong to sgroups (except their attachment points)
+ * @param items {{ atoms?: number[]; bonds?: number[] } | null}
+ * @param struct {Struct}
+ * @returns {{ atoms: number[], bonds: number[] }}
+ */
+declare function getNonGroupItemsAndAttachmentPoints(items: {
+    atoms?: number[] | undefined;
+    bonds?: number[] | undefined;
+} | null, struct: Struct): {
+    atoms: number[];
+    bonds: number[];
+};
 import { Vec2 } from "ketcher-core/dist/domain/entities/vec2";
+import { Struct } from "ketcher-core/dist/domain/entities/struct";

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

@@ -0,0 +1,8 @@
+import { Action } from 'ketcher-core';
+import Editor from '../../Editor';
+declare type MergeItems = {
+    atoms: Map<number, number>;
+    bonds: Map<number, number>;
+};
+export declare function dropAndMerge(editor: Editor, mergeItems: MergeItems, action?: Action): void;
+export {};

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

@@ -0,0 +1,12 @@
+import { Struct } from 'ketcher-core';
+declare type Items = {
+    atoms?: number[];
+    bonds?: number[];
+};
+declare function getGroupIdsFromItemArrays(struct: Struct, items?: Items): number[];
+declare type MergeItems = {
+    atoms: Map<number, number>;
+    bonds: Map<number, number>;
+};
+declare function getGroupIdsFromItemMaps(struct: Struct, mergeMaps: MergeItems | null): number[];
+export { getGroupIdsFromItemArrays, getGroupIdsFromItemMaps };

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

@@ -0,0 +1,2 @@
+import Editor from '../../Editor';
+export declare function getMergeItems(editor: Editor, items: Record<string, number[]>): Record<string, Map<unknown, unknown>> | null;

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

@@ -19,8 +19,13 @@ declare class PasteTool {
     editor: Editor;
     struct: Struct;
     action: any;
+    templateAction: any;
+    dragCtx: any;
+    findItems: string[];
     mergeItems: any;
+    isSingleContractedGroup: boolean;
     constructor(editor: any, struct: any);
+    mousedown(event: any): void;
     mousemove(event: any): void;
     mouseup(): void;
     cancel(): void;

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

@@ -23,7 +23,7 @@ declare class SelectTool {
     isSelectionRunning(): boolean;
     mousedown(event: any): boolean;
     mousemove(event: any): boolean;
-    mouseup(event: any): boolean;
+    mouseup(event: any): void;
     dblclick(event: any): true | undefined;
     mouseleave(_: any): void;
     selectElementsOnCanvas(elements: {

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

@@ -16,16 +16,15 @@
 import Editor from '../Editor';
 declare class SGroupTool {
     editor: Editor;
-    type: any;
     lassoHelper: any;
     isNotActiveTool: boolean | undefined;
-    constructor(editor: any, type: any);
+    constructor(editor: any);
     checkSelection(): void;
     mousedown(event: any): void;
     mousemove(event: any): void;
     mouseleave(event: any): void;
     mouseup(event: any): void;
     cancel(): void;
-    static sgroupDialog(editor: any, id: any, defaultType: any): void;
+    static sgroupDialog(editor: any, id: any): void;
 }
 export default SGroupTool;

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

@@ -20,10 +20,12 @@ declare class TemplateTool {
     template: any;
     findItems: Array<string>;
     dragCtx: any;
+    targetGroupsIds: Array<number>;
+    isSaltOrSolvent: boolean;
     constructor(editor: any, tmpl: any);
-    mousedown(event: any): true | undefined;
+    mousedown(event: any): void;
     mousemove(event: any): boolean;
-    mouseup(event: any): boolean;
+    mouseup(event: any): true | undefined;
     cancel(e: any): void;
     mouseleave(e: any): void;
 }

package/dist/script/ui/Portal/Portal.d.ts

@@ -13,11 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { CSSProperties, Component } from 'react';
+import { CSSProperties, Component, ReactNode } from 'react';
 interface PortalProps {
     isOpen: boolean;
     className?: string;
     style?: CSSProperties;
+    children: ReactNode;
 }
 declare type Props = PortalProps;
 declare class Portal extends Component<Props> {

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' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-crossed' | 'bond-dative' | 'bond-double' | 'bond-doublearomatic' | 'bond-down' | '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' | 'sgroup-data' | '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 = '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 Editor = any;
 declare type Server = any;
 declare type Options = any;

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

@@ -35,7 +35,9 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     zoom: {
+        shortcut: string[];
         selected: (editor: any) => any;
+        action: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'zoom-out': {
@@ -171,15 +173,6 @@ declare const config: {
         };
         hidden: (options: any) => boolean;
     };
-    'sgroup-data': {
-        shortcut: string;
-        title: string;
-        action: {
-            tool: string;
-            opts: string;
-        };
-        hidden: (options: any) => boolean;
-    };
     arrows: {
         hidden: (options: any) => boolean;
     };
@@ -398,6 +391,7 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     text: {
+        shortcut: string;
         title: string;
         action: {
             tool: string;
@@ -436,6 +430,7 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     arom: {
+        shortcut: string;
         title: string;
         action: {
             thunk: (dispatch: any, getState: any) => void;
@@ -444,6 +439,7 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     dearom: {
+        shortcut: string;
         title: string;
         action: {
             thunk: (dispatch: any, getState: any) => void;
@@ -461,6 +457,7 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     check: {
+        shortcut: string;
         title: string;
         action: {
             dialog: string;
@@ -469,6 +466,7 @@ declare const config: {
         hidden: (options: any) => boolean;
     };
     analyse: {
+        shortcut: string;
         title: string;
         action: {
             dialog: string;
@@ -515,6 +513,20 @@ declare const config: {
         };
         hidden: (options: any) => boolean;
     };
+    'atom-props': {
+        title: string;
+        action: {
+            dialog: string;
+        };
+        hidden: (options: any) => boolean;
+    };
+    'bond-props': {
+        title: string;
+        action: {
+            dialog: string;
+        };
+        hidden: (options: any) => boolean;
+    };
     undo: {
         shortcut: string;
         title: string;

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

@@ -25,6 +25,8 @@ declare namespace config {
         export { hidden_1 as hidden };
     }
     namespace arom {
+        const shortcut_2: string;
+        export { shortcut_2 as shortcut };
         const title_2: string;
         export { title_2 as title };
         export namespace action_2 {
@@ -38,6 +40,8 @@ declare namespace config {
         export { hidden_2 as hidden };
     }
     namespace dearom {
+        const shortcut_3: string;
+        export { shortcut_3 as shortcut };
         const title_3: string;
         export { title_3 as title };
         export namespace action_3 {
@@ -51,8 +55,8 @@ declare namespace config {
         export { hidden_3 as hidden };
     }
     namespace cip {
-        const shortcut_2: string;
-        export { shortcut_2 as shortcut };
+        const shortcut_4: string;
+        export { shortcut_4 as shortcut };
         const title_4: string;
         export { title_4 as title };
         export namespace action_4 {
@@ -66,6 +70,8 @@ declare namespace config {
         export { hidden_4 as hidden };
     }
     namespace check {
+        const shortcut_5: string;
+        export { shortcut_5 as shortcut };
         const title_5: string;
         export { title_5 as title };
         export namespace action_5 {
@@ -78,6 +84,8 @@ declare namespace config {
         export { hidden_5 as hidden };
     }
     namespace analyse {
+        const shortcut_6: string;
+        export { shortcut_6 as shortcut };
         const title_6: string;
         export { title_6 as title };
         export namespace action_6 {

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

@@ -115,15 +115,6 @@ declare var _default: {
         };
         hidden: (options: any) => boolean;
     };
-    'sgroup-data': {
-        shortcut: string;
-        title: string;
-        action: {
-            tool: string;
-            opts: string;
-        };
-        hidden: (options: any) => boolean;
-    };
     arrows: {
         hidden: (options: any) => boolean;
     };
@@ -342,6 +333,7 @@ declare var _default: {
         hidden: (options: any) => boolean;
     };
     text: {
+        shortcut: string;
         title: string;
         action: {
             tool: string;

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

@@ -1,7 +1,9 @@
 export const zoomList: number[];
 declare var _default: {
     zoom: {
+        shortcut: string[];
         selected: (editor: any) => any;
+        action: (editor: any) => any;
         hidden: (options: any) => boolean;
     };
     'zoom-out': {

package/dist/script/ui/data/convert/structconv.d.ts

@@ -1,5 +1,21 @@
 export function fromElement(selem: any): any;
 export function toElement(elem: any): any;
+export function fromAtom(satom: any): {
+    alias: any;
+    label: any;
+    charge: any;
+    isotope: any;
+    explicitValence: any;
+    radical: any;
+    invRet: any;
+    exactChangeFlag: boolean;
+    ringBondCount: any;
+    substitutionCount: any;
+    unsaturatedAtom: boolean;
+    hCount: any;
+    stereoParity: any;
+};
+export function toAtom(atom: any): any;
 export function fromStereoLabel(stereoLabel: any): {
     type: null;
     orNumber?: undefined;

package/dist/script/ui/data/schema/sdata-schema.d.ts

@@ -10,6 +10,7 @@
 export function getSdataDefault(schema: {} | undefined, context: any, fieldName: any): string;
 export namespace sdataCustomSchema {
     const key: string;
+    const title: string;
     const type: string;
     namespace properties {
         export namespace type_1 {
@@ -18,15 +19,16 @@ export namespace sdataCustomSchema {
         }
         export { type_1 as type };
         export namespace context {
-            export const title: string;
+            const title_1: string;
+            export { title_1 as title };
             const _enum_1: string[];
             export { _enum_1 as enum };
             const _default: string;
             export { _default as default };
         }
         export namespace fieldName {
-            const title_1: string;
-            export { title_1 as title };
+            const title_2: string;
+            export { title_2 as title };
             const type_2: string;
             export { type_2 as type };
             const _default_1: string;
@@ -35,8 +37,8 @@ export namespace sdataCustomSchema {
             export const invalidMessage: string;
         }
         export namespace fieldValue {
-            const title_2: string;
-            export { title_2 as title };
+            const title_3: string;
+            export { title_3 as title };
             const type_3: string;
             export { type_3 as type };
             const _default_2: string;

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

@@ -38,7 +38,5 @@ interface TemplateLibCallProps {
     functionalGroups: Template[];
 }
 declare type Props = TemplateLibProps & TemplateLibCallProps;
-declare const _default: import("react-redux").ConnectedComponent<FC<Props>, import("react-redux").Omit<TemplateLibProps & TemplateLibCallProps & {
-    children?: import("react").ReactNode;
-}, "onFilter" | "onTabChange" | "onSelect" | "onChangeGroup" | "onAttach" | "onCancel" | "onDelete" | "initialTab" | "renderOptions" | "functionalGroups" | "saltsAndSolvents"> & TemplateLibProps & TemplateLibCallProps>;
+declare const _default: import("react-redux").ConnectedComponent<FC<Props>, import("react-redux").Omit<TemplateLibProps & TemplateLibCallProps, "onFilter" | "onTabChange" | "onSelect" | "onChangeGroup" | "onAttach" | "onCancel" | "onDelete" | "initialTab" | "renderOptions" | "functionalGroups" | "saltsAndSolvents"> & TemplateLibProps & TemplateLibCallProps>;
 export default _default;

package/dist/script/ui/dialog/template/template-attach.d.ts

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof Attach, import("react-redux").Omit<{
+declare var _default: import("react-redux").ConnectedComponent<typeof Attach, import("react-redux").Omit<import("react").ClassAttributes<Attach> & {
     [x: string]: any;
     onInit: any;
 }, string | number>>;

package/dist/script/ui/dialog/toolbox/SDataFieldset.d.ts

@@ -0,0 +1,4 @@
+export default SDataFieldset;
+declare function SDataFieldset({ formState }: {
+    formState: any;
+}): JSX.Element;

package/dist/script/ui/dialog/toolbox/SGroupFieldset.d.ts

@@ -0,0 +1,4 @@
+export default SGroupFieldset;
+declare function SGroupFieldset({ formState }: {
+    formState: any;
+}): JSX.Element;

package/dist/script/ui/dialog/toolbox/enhancedStereo/enhancedStereo.d.ts

@@ -38,7 +38,5 @@ interface EnhancedStereoCallProps {
     onOk: (res: any) => void;
 }
 declare type Props = EnhancedStereoProps & EnhancedStereoCallProps;
-declare const _default: import("react-redux").ConnectedComponent<FC<Props>, import("react-redux").Omit<EnhancedStereoProps & EnhancedStereoCallProps & {
-    children?: import("react").ReactNode;
-}, "formState" | "struct">>;
+declare const _default: import("react-redux").ConnectedComponent<FC<Props>, import("react-redux").Omit<EnhancedStereoProps & EnhancedStereoCallProps, "formState" | "struct">>;
 export default _default;

package/dist/script/ui/dialog/toolbox/sgroup.d.ts

@@ -3,7 +3,7 @@ declare var _default: import("react-redux").ConnectedComponent<typeof Sgroup, im
     formState: any;
 }, "formState" | "dispatch">>;
 export default _default;
-declare function Sgroup({ formState, ...prop }: {
+declare function Sgroup({ formState, ...props }: {
     [x: string]: any;
     formState: any;
 }): JSX.Element;

package/dist/script/ui/state/constants.d.ts

@@ -3,5 +3,4 @@ export namespace supportedSGroupTypes {
     const SRU: string;
     const SUP: string;
     const DAT: string;
-    const GEN: string;
 }

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

@@ -14,10 +14,6 @@ export default function initEditor(dispatch: any, getState: any): {
         attrs: any;
     }>;
     onRemoveFG: (result: any) => Promise<any>;
-    onSdataEdit: (sgroup: any) => Promise<{
-        type: any;
-        attrs: any;
-    }>;
     onMessage: (msg: any) => void;
     onAromatizeStruct: (struct: any) => any;
     onDearomatizeStruct: (struct: any) => any;

package/dist/script/ui/state/handleHotkeysOverItem.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch } from 'redux';
+import { Editor } from '../../editor';
+declare type TNewAction = {
+    tool?: string;
+    dialog?: string;
+    opts?: any;
+};
+declare type HandleHotkeyOverItemProps = {
+    hoveredItem: Record<string, number>;
+    newAction: TNewAction;
+    editor: Editor;
+    dispatch: Dispatch;
+};
+export declare function handleHotkeyOverItem(props: HandleHotkeyOverItemProps): void;
+export {};

package/dist/script/ui/state/modal/form.d.ts

@@ -16,7 +16,7 @@ export function setDefaultSettings(): {
         errors: {};
     };
 };
-export function formReducer(state: any, action: any, formName: any): any;
+export function formReducer(state: any, action: any): any;
 export namespace formsState {
     namespace atomProps {
         const errors: {};
@@ -123,18 +123,15 @@ export namespace formsState {
         const result_8: Record<string, any>;
         export { result_8 as result };
     }
-    namespace sgroup {
+    namespace text {
         const errors_10: {};
         export { errors_10 as errors };
         const valid_9: boolean;
         export { valid_9 as valid };
-        export namespace result_9 {
-            const type_1: string;
-            export { type_1 as type };
-        }
+        const result_9: {};
         export { result_9 as result };
     }
-    namespace text {
+    namespace attach {
         const errors_11: {};
         export { errors_11 as errors };
         const valid_10: boolean;
@@ -142,15 +139,7 @@ export namespace formsState {
         const result_10: {};
         export { result_10 as result };
     }
-    namespace attach {
-        const errors_12: {};
-        export { errors_12 as errors };
-        const valid_11: boolean;
-        export { valid_11 as valid };
-        const result_11: {};
-        export { result_11 as result };
-    }
-    const sdata: {
+    const sgroup: {
         errors: {};
         valid: boolean;
         result: {

package/dist/script/ui/views/Editor.d.ts

@@ -1,3 +1,3 @@
 export default Editor;
-declare const Editor: import("react-redux").ConnectedComponent<typeof StructEditor, import("react-redux").Omit<any, "type" | "indigoVerification" | "options">>;
+declare const Editor: import("react-redux").ConnectedComponent<typeof StructEditor, import("react-redux").Omit<any, "options" | "type" | "indigoVerification">>;
 import { StructEditor } from "./components";

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

@@ -15,6 +15,5 @@
  ***************************************************************************/
 /// <reference types="react" />
 import 'react-contexify/ReactContexify.css';
-export declare const CONTEXT_MENU_ID = "ketcherBondAndAtomContextMenu";
 declare const ContextMenu: React.FC;
 export default ContextMenu;

package/dist/script/ui/views/components/ContextMenu/ContextMenuTrigger.d.ts

@@ -13,6 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
-declare const ContextMenuTrigger: React.FC;
+import { PropsWithChildren } from 'react';
+declare const ContextMenuTrigger: React.FC<PropsWithChildren>;
 export default ContextMenuTrigger;

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

@@ -1,8 +1,16 @@
-import type { ItemProps, SubMenuProps } from 'react-contexify';
-export declare type ContextMenuShowProps = {
-    selected: boolean;
-    closestItem: any;
-};
+import { FunctionalGroup } from 'ketcher-core';
+import type { PredicateParams } from 'react-contexify';
+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"
+}
 export declare type ItemData = unknown;
-export declare type CustomItemProps = Omit<ItemProps, 'children'>;
-export declare type CustomSubMenuProps = Omit<SubMenuProps, 'children' | 'label'>;
+export declare type ContextMenuShowProps = {
+    id: CONTEXT_MENU_ID;
+    functionalGroups?: FunctionalGroup[];
+    bondIds?: number[];
+    atomIds?: number[];
+} | null;
+export declare type ItemEventParams = PredicateParams<ContextMenuShowProps, ItemData>;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/script/ui/views/components/ContextMenu/hooks/useDelete.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/hooks/useFunctionalGroupEoc.d.ts

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

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

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