ketcher-react 2.16.0-rc.2 → 2.17.0-rc.1

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

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+/// <reference types="react" />
 import { Ketcher, ServiceMode, StructServiceProvider } from 'ketcher-core';
 import { ButtonsConfig } from './ButtonsConfig';
 import { Root } from 'react-dom/client';
@@ -24,7 +25,7 @@ declare class KetcherBuilder {
     constructor();
     appendApiAsync(structServiceProvider: StructServiceProvider): Promise<void>;
     appendServiceMode(mode: ServiceMode): void;
-    appendUiAsync(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig): Promise<void>;
+    appendUiAsync(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, errorHandler: (message: string) => void, buttons?: ButtonsConfig, togglerComponent?: JSX.Element): Promise<void>;
     build(): Ketcher;
 }
 export { KetcherBuilder };

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

@@ -69,6 +69,7 @@ declare class Editor implements KetcherEditor {
         updateFloatingTools: Subscription<FloatingToolsParams>;
     };
     lastEvent: any;
+    macromoleculeConvertionError: string | null | undefined;
     constructor(clientArea: any, options: any);
     isDitrty(): boolean;
     setOrigin(): void;
@@ -79,14 +80,12 @@ declare class Editor implements KetcherEditor {
     structToAddFragment(value: Struct): Struct;
     setOptions(opts: string): false | import("ketcher-core/dist/application/render/render.types").RenderOptions;
     options(value?: any): import("ketcher-core/dist/application/render/render.types").RenderOptions;
-    zoom(value?: any): number;
+    zoom(value?: any, event?: WheelEvent): number;
     centerStruct(): void;
     zoomAccordingContent(struct: Struct): void;
     selection(ci?: any): Selection | null;
     hover(ci: any, newTool?: any, event?: PointerEvent): void;
-    update(action: Action | true, ignoreHistory?: boolean, options?: {
-        resizeCanvas: boolean;
-    }): void;
+    update(action: Action | true, ignoreHistory?: boolean): void;
     historySize(): {
         undo: any;
         redo: number;
@@ -106,6 +105,8 @@ declare class Editor implements KetcherEditor {
     explicitSelected(): any;
     structSelected(): Struct;
     alignDescriptors(): void;
+    setMacromoleculeConvertionError(errorMessage: string): void;
+    clearMacromoleculeConvertionError(): void;
 }
 export { Editor };
 export default Editor;

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

@@ -8,7 +8,7 @@ export declare class HoverIcon {
     /**
      Is required for the case, when mouse moved outside the canvas, then loading of structure
      happens and icon needs to be shown above loader.
-    */
+     */
     shouldBeShownWhenMouseBack: boolean;
     editor: Editor;
     constructor(editor: Editor);

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, resizeCanvas?: boolean): Action;
+export declare function dropAndMerge(editor: Editor, mergeItems: any, action?: Action): Action;

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

@@ -34,7 +34,9 @@ declare class SelectTool implements Tool {
     private selectElementsOnCanvas;
     private isDraggingStructureOnSaltOrSolvent;
     private updateArrowResizingState;
-    private moveCanvas;
+    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[];

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

@@ -1,4 +1,3 @@
-import { Editor, ReStruct, Vec2 } from 'ketcher-core';
+import { ReStruct, Vec2 } from 'ketcher-core';
 export declare function getSelectionMap(structure: ReStruct): {};
 export declare function getStructCenter(ReStruct: any, selection?: any): Vec2;
-export declare function recoordinate(editor: Editor, rp?: Vec2): void;

package/dist/script/index.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+/// <reference types="react" />
 import { Root } from 'react-dom/client';
 import { ButtonsConfig } from './builders';
 import { StructServiceProvider } from 'ketcher-core';
@@ -23,7 +24,9 @@ interface Config {
     structServiceProvider: StructServiceProvider;
     buttons?: ButtonsConfig;
     errorHandler: (message: string) => void;
+    togglerComponent?: JSX.Element;
 }
-declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, structServiceProvider, buttons, errorHandler, }: Config): Promise<import("ketcher-core").Ketcher>;
+declare function buildKetcherAsync({ element, appRoot, staticResourcesUrl, structServiceProvider, buttons, errorHandler, togglerComponent, }: Config): Promise<import("ketcher-core").Ketcher>;
 export type { Config, ButtonsConfig };
+export * from './providers';
 export default buildKetcherAsync;

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

@@ -0,0 +1 @@
+export * from './indigoProvider';

package/dist/script/providers/indigoProvider.d.ts

@@ -0,0 +1,5 @@
+import { StructService } from 'ketcher-core';
+export declare class IndigoProvider {
+    static getIndigo(): StructService;
+    static setIndigo(newIndigo: StructService): void;
+}

package/dist/script/ui/App/App.container.d.ts

@@ -15,6 +15,8 @@
  ***************************************************************************/
 /// <reference types="react" />
 import { AppCallProps } from './App';
-declare const AppContainer: import("react-redux").ConnectedComponent<(props: AppCallProps) => JSX.Element, import("react-redux").Omit<AppCallProps, "checkServer">>;
+declare const AppContainer: import("react-redux").ConnectedComponent<(props: AppCallProps) => import("react/jsx-runtime").JSX.Element, import("react-redux").Omit<AppCallProps, "checkServer" | "togglerComponent"> & {
+    togglerComponent?: JSX.Element | undefined;
+}>;
 export { AppContainer };
 export default AppContainer;

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

@@ -16,8 +16,9 @@
 /// <reference types="react" />
 interface AppCallProps {
     checkServer: () => void;
+    togglerComponent?: JSX.Element;
 }
 declare type Props = AppCallProps;
-declare const App: (props: Props) => JSX.Element;
+declare const App: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export type { AppCallProps };
 export { App };

package/dist/script/ui/App/AppHidden/AppHidden.container.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { AppHiddenCallProps } from './AppHidden';
-declare const AppHiddenContainer: import("react-redux").ConnectedComponent<(props: AppHiddenCallProps) => JSX.Element, import("react-redux").Omit<AppHiddenCallProps, "onInitTmpls">>;
+declare const AppHiddenContainer: import("react-redux").ConnectedComponent<(props: AppHiddenCallProps) => import("react/jsx-runtime").JSX.Element, import("react-redux").Omit<AppHiddenCallProps, "onInitTmpls">>;
 export { AppHiddenContainer };

package/dist/script/ui/App/AppHidden/AppHidden.d.ts

@@ -13,11 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 interface AppHiddenCallProps {
     onInitTmpls: (cacheEl: any, url: any) => void;
 }
 declare type Props = AppHiddenCallProps;
-declare const AppHidden: (props: Props) => JSX.Element;
+declare const AppHidden: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export type { AppHiddenCallProps };
 export { AppHidden };

package/dist/script/ui/App/initApp.d.ts

@@ -13,7 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+/// <reference types="react" />
 import { StructService } from 'ketcher-core';
 import { Root } from 'react-dom/client';
-declare function initApp(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, options: any, server: StructService, setEditor: (editor: any) => void): void;
+declare function initApp(element: HTMLDivElement | null, appRoot: Root, staticResourcesUrl: string, options: any, server: StructService, setEditor: (editor: any) => void, togglerComponent?: JSX.Element): void;
 export { initApp };

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

@@ -36,5 +36,5 @@ export namespace atomCuts {
     const D: string;
     const B: string;
 }
-declare var _default: {};
+declare const _default: {};
 export default _default;

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

@@ -40,21 +40,21 @@ declare const config: {
     zoom: {
         shortcut: string[];
         selected: (editor: any) => any;
-        action: (editor: any) => any;
+        action: (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-out': {
         shortcut: string[];
         title: string;
         disabled: (editor: any) => boolean;
-        action: (editor: any) => void;
+        action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-in': {
         shortcut: string[];
         title: string;
         disabled: (editor: any) => boolean;
-        action: (editor: any) => void;
+        action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-list': {

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

@@ -1,4 +1,4 @@
-declare var _default: {
+declare const _default: {
     'template-lib': {
         shortcut: string;
         title: string;

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

@@ -1,4 +1,4 @@
-declare var _default: {
+declare const _default: {
     hand: {
         title: string;
         shortcut: string;

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

@@ -1,23 +1,23 @@
 export const zoomList: number[];
-declare var _default: {
+declare const _default: {
     zoom: {
         shortcut: string[];
         selected: (editor: any) => any;
-        action: (editor: any) => any;
+        action: (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-out': {
         shortcut: string[];
         title: string;
         disabled: (editor: any) => boolean;
-        action: (editor: any) => void;
+        action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-in': {
         shortcut: string[];
         title: string;
         disabled: (editor: any) => boolean;
-        action: (editor: any) => void;
+        action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-list': {

package/dist/script/ui/component/actionmenu.d.ts

@@ -6,4 +6,4 @@ declare function ActionMenu({ name, menu, className, role, ...props }: {
     menu: any;
     className: any;
     role: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/cliparea/cliparea.d.ts

@@ -11,12 +11,12 @@ declare class ClipArea extends Component<any, any, any> {
         mouseup: (event: any) => void;
         mousedown: (event: any) => void;
         copy: (event: any) => void;
-        cut: (event: any) => void;
+        cut: (event: any) => Promise<void>;
         paste: (event: any) => void;
         keydown: (event: any) => Promise<void>;
     } | undefined;
     shouldComponentUpdate(): boolean;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import { Component } from "react";

package/dist/script/ui/component/cliparea/clipboardUtils.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * Legacy browser API doesn't support async operations, so it is not possible
+ * to call indigo, when copy/cut/paste
+ */
+export function isClipboardAPIAvailable(): boolean;
+export function notifyCopyCut(): void;

package/dist/script/ui/component/form/Input/Input.d.ts

@@ -35,7 +35,7 @@ export declare function GenericInput({ schema, value, onChange, innerRef, type,
     innerRef: any;
     type?: string | undefined;
     isFocused?: boolean | undefined;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare namespace GenericInput {
     var val: (ev: any, schema: any) => any;
 }

package/dist/script/ui/component/form/MeasureInput/measure-input.d.ts

@@ -6,4 +6,4 @@ declare function MeasureInput({ schema, value, onChange, name, className, ...res
     onChange: any;
     name: any;
     className: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -6,4 +6,4 @@ declare function ButtonList({ value, onChange, schema, disabledIds, multiple, cl
     disabledIds: any;
     multiple: any;
     classes: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/form/colorPicker/ColorPicker.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 interface ColorPickerProps {
     value: string;
     name: string;
@@ -24,5 +23,5 @@ interface ColorPickerCallProps {
     onChange: (value: string) => void;
 }
 declare type Props = ColorPickerProps & ColorPickerCallProps;
-declare const ColorPicker: (props: Props) => JSX.Element;
+declare const ColorPicker: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default ColorPicker;

package/dist/script/ui/component/form/combobox/combobox.d.ts

@@ -7,6 +7,6 @@ declare class ComboBox extends Component<any, any, any> {
     click(): void;
     blur(): void;
     updateInput(event: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import { Component } from "react";

package/dist/script/ui/component/form/form/errorPopover.d.ts

@@ -2,4 +2,4 @@ export function ErrorPopover({ error, anchorEl, handleClose }: {
     error: any;
     anchorEl: any;
     handleClose: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof Form, import("react-redux").Omit<any, "onUpdate">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof Form, import("react-redux").Omit<any, "onUpdate">>;
 export default _default;
 declare class Form extends Component<any, any, any> {
     constructor(props: any);
@@ -18,10 +18,10 @@ declare class Form extends Component<any, any, any> {
         value: any;
         onChange: (val: any) => void;
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
-export function Field(props: any): JSX.Element;
-export function CustomQueryField(props: any): JSX.Element;
-export function FieldWithModal(props: any): JSX.Element;
-export function SelectOneOf(props: any): JSX.Element;
+export function Field(props: any): import("react/jsx-runtime").JSX.Element;
+export function CustomQueryField(props: any): import("react/jsx-runtime").JSX.Element;
+export function FieldWithModal(props: any): import("react/jsx-runtime").JSX.Element;
+export function SelectOneOf(props: any): import("react/jsx-runtime").JSX.Element;
 import { Component } from "react";

package/dist/script/ui/component/form/select-checkbox.d.ts

@@ -2,4 +2,4 @@ export default SelectCheckbox;
 declare function SelectCheckbox({ schema, ...props }: {
     [x: string]: any;
     schema: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/form/select-list.d.ts

@@ -23,4 +23,4 @@ declare function SelectList({ schema, value, onSelect, splitIndexes, selected, c
     selected: any;
     component: any;
     classes: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/form/systemfonts.d.ts

@@ -1,2 +1,2 @@
 export default SystemFonts;
-declare function SystemFonts(props: any): JSX.Element;
+declare function SystemFonts(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/view/Atom/Atom.d.ts

@@ -4,4 +4,4 @@ declare function Atom({ el, shortcut, selected, ...props }: {
     el: any;
     shortcut: any;
     selected: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/component/view/Tabs/Tabs.d.ts

@@ -4,6 +4,6 @@ declare class Tabs extends Component<any, any, any> {
     state: {};
     changeTab(ev: any, index: any): void;
     componentDidUpdate(prevProps: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import { Component } from "react";

package/dist/script/ui/component/view/openbutton.d.ts

@@ -3,7 +3,7 @@ declare class OpenButton extends Component<any, any, any> {
     constructor(props: any);
     state: {};
     open(ev: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     btn: HTMLInputElement | null | undefined;
 }
 import { Component } from "react";

package/dist/script/ui/component/view/savebutton.d.ts

@@ -30,5 +30,5 @@ declare type Props = {
     disabled?: boolean;
 };
 declare type SaveButtonProps = PropsWithChildren<Props>;
-declare const SaveButton: (props: SaveButtonProps) => JSX.Element;
+declare const SaveButton: (props: SaveButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { SaveButton };

package/dist/script/ui/data/templates.d.ts

@@ -1,2 +1,2 @@
-declare var _default: import("ketcher-core").Struct[];
+declare const _default: import("ketcher-core").Struct[];
 export default _default;

package/dist/script/ui/dialog/AbbreviationLookup/AbbreviationLookup.container.d.ts

@@ -13,5 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
-export declare const AbbreviationLookupContainer: () => JSX.Element | null;
+export declare const AbbreviationLookupContainer: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/script/ui/dialog/AbbreviationLookup/AbbreviationLookup.d.ts

@@ -13,10 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { AbbreviationOption } from './AbbreviationLookup.types';
 interface Props {
     options: AbbreviationOption[];
 }
-export declare const AbbreviationLookup: ({ options }: Props) => JSX.Element;
+export declare const AbbreviationLookup: ({ options }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/script/ui/dialog/AbbreviationLookup/AbbreviationLookup.test.utils.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { AbbreviationGenericOption, AbbreviationOption, AbbreviationType } from './AbbreviationLookup.types';
-export declare const createGenericOption: (name: string, abbreviation?: string | undefined, type?: AbbreviationType) => AbbreviationGenericOption;
-export declare const createOption: (name: string, abbreviation?: string | undefined, type?: AbbreviationType) => AbbreviationOption;
+export declare const createGenericOption: (name: string, abbreviation?: string, type?: AbbreviationType) => AbbreviationGenericOption;
+export declare const createOption: (name: string, abbreviation?: string, type?: AbbreviationType) => AbbreviationOption;
 export declare const CLIP_AREA_TEST_ID = "cliparea";
 export declare const KetcherWrapper: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/script/ui/dialog/AbbreviationLookup/AbbreviationLookup.utils.d.ts

@@ -13,11 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { AbbreviationGenericOption, AbbreviationOption } from './AbbreviationLookup.types';
 import { FilterOptionsState } from '@mui/material';
-export declare const getStringsSimilarity: (loweredText?: string | undefined, loweredSubString?: string | undefined) => number;
-export declare const highlightOptionLabel: (option: AbbreviationGenericOption, initialLoweredValue: string) => string | JSX.Element;
+export declare const getStringsSimilarity: (loweredText?: string, loweredSubString?: string) => number;
+export declare const highlightOptionLabel: (option: AbbreviationGenericOption, initialLoweredValue: string) => string | import("react/jsx-runtime").JSX.Element;
 export declare const getOptionLabel: (option: AbbreviationGenericOption) => string;
 export declare const getSimilarity: (option: AbbreviationGenericOption, loweredLookupValue: string) => number;
 export declare const filterOptions: (options: AbbreviationOption[], state: FilterOptionsState<AbbreviationOption>) => AbbreviationOption[];

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

@@ -13,8 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 declare const EmptySearchResult: ({ textInfo }: {
     textInfo: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default EmptySearchResult;

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<import("react").ClassAttributes<Attach> & {
+declare const _default: import("react-redux").ConnectedComponent<typeof Attach, import("react-redux").Omit<import("react").ClassAttributes<Attach> & {
     [x: string]: any;
     onInit: any;
 }, string | number>>;
@@ -28,6 +28,6 @@ declare class Attach extends Component<any, any, any> {
         };
     } | null;
     checkIsValidName(name: any): boolean;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 import { Component } from "react";

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

@@ -1,4 +1,4 @@
 export default SDataFieldset;
 declare function SDataFieldset({ formState }: {
     formState: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 export default SGroupFieldset;
 declare function SGroupFieldset({ formState }: {
     formState: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof LabelEdit, import("react-redux").Omit<any, "formState" | "dispatch">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof LabelEdit, import("react-redux").Omit<any, "formState" | "dispatch">>;
 export default _default;
-declare function LabelEdit(props: any): JSX.Element;
+declare function LabelEdit(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof RGroup, import("react-redux").Omit<{
+declare const _default: import("react-redux").ConnectedComponent<typeof RGroup, import("react-redux").Omit<{
     [x: string]: any;
     disabledIds: any;
     values: any;
@@ -12,4 +12,4 @@ declare function RGroup({ disabledIds, values, formState, type, ...props }: {
     values: any;
     formState: any;
     type: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof Sgroup, import("react-redux").Omit<{
+declare const _default: import("react-redux").ConnectedComponent<typeof Sgroup, import("react-redux").Omit<{
     [x: string]: any;
     formState: any;
 }, "formState" | "dispatch">>;
@@ -6,4 +6,4 @@ export default _default;
 declare function Sgroup({ formState, ...props }: {
     [x: string]: any;
     formState: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -24,4 +24,5 @@ export default function initEditor(dispatch: any, getState: any): {
     onUpdateFloatingTools: (...args: any[]) => void;
     onZoomIn: import("lodash").DebouncedFunc<() => any>;
     onZoomOut: import("lodash").DebouncedFunc<() => any>;
+    onShowMacromoleculesErrorMessage: (payload: any) => any;
 };

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

@@ -14,12 +14,19 @@
  * limitations under the License.
  ***************************************************************************/
 import { AnyAction } from 'redux';
+import { SdfItem } from 'ketcher-core';
 interface FGState {
     lib: [];
     functionalGroupInfo: any;
     mode: string;
 }
 declare const functionalGroupsReducer: (state: FGState | undefined, { type, payload }: AnyAction) => any;
+export declare const initFGroups: (lib: SdfItem[]) => {
+    type: string;
+    payload: {
+        lib: SdfItem[];
+    };
+};
 export declare const highlightFG: (...args: any[]) => void;
 export declare function initFGTemplates(): (dispatch: any) => Promise<void>;
 export default functionalGroupsReducer;

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

@@ -17,7 +17,10 @@ export declare function initKeydownListener(element: any): (dispatch: any, getSt
 export declare function initClipboard(dispatch: any): {
     formats: any[];
     focused(): boolean;
-    onCut(): {} | null;
-    onCopy(): {} | null;
-    onPaste(data: any, isSmarts: boolean): void;
+    onLegacyCut(): {} | null;
+    onCut(): Promise<{} | null | undefined>;
+    onLegacyCopy(): {} | null;
+    onCopy(): Promise<{} | null | undefined>;
+    onPaste(data: any, isSmarts: boolean): Promise<void | undefined>;
+    onLegacyPaste(data: any, isSmarts: boolean): void;
 };