ketcher-react 2.12.0-rc.4 → 2.13.0-rc.2

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

@@ -13,20 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { Action, Editor as KetcherEditor, Render, Struct } from 'ketcher-core';
+import { Action, FloatingToolsParams, Editor as KetcherEditor, Render, Struct } from 'ketcher-core';
 import { PipelineSubscription, Subscription } from 'subscription';
 import { Highlighter } from './highlighter';
 import { contextMenuInfo } from '../ui/views/components/ContextMenu/contextMenu.types';
 import { HoverIcon } from './HoverIcon';
 import RotateController from './tool/rotate-controller';
 import { Tool } from './tool/Tool';
-export declare type FloatingToolsParams = {
-    visible?: boolean;
-    rotateHandlePosition?: {
-        x: number;
-        y: number;
-    };
-};
 export interface Selection {
     atoms?: Array<number>;
     bonds?: Array<number>;
@@ -54,6 +47,8 @@ declare class Editor implements KetcherEditor {
     event: {
         message: Subscription;
         elementEdit: PipelineSubscription;
+        zoomIn: PipelineSubscription;
+        zoomOut: PipelineSubscription;
         bondEdit: PipelineSubscription;
         rgroupEdit: PipelineSubscription;
         sgroupEdit: PipelineSubscription;
@@ -84,6 +79,8 @@ declare class Editor implements KetcherEditor {
     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;
+    centerStruct(): void;
+    zoomAccordingContent(): void;
     selection(ci?: any): Selection | null;
     hover(ci: any, newTool?: any, event?: PointerEvent): void;
     update(action: Action | true, ignoreHistory?: boolean, options?: {

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

@@ -3,10 +3,22 @@ declare namespace _default {
     export { fracAngle };
     export { calcNewAtomPos };
     export { degrees };
+    export { normalizeAngle };
 }
 export default _default;
 declare function calcAngle(pos0: any, pos1: any): number;
 import { fracAngle } from "ketcher-core/dist/application/editor";
 declare function calcNewAtomPos(pos0: any, pos1: any, ctrlKey: any): Vec2;
 declare function degrees(angle: any): number;
+/**
+ * @param {number} angle angle (in radians) from the X axis
+ * @returns {number} normalized angle (in radians) from the X axis
+ * @example
+ * normalizeAngleRelativeToXAxis(PI / 2) === PI / 2
+ * normalizeAngleRelativeToXAxis(PI) === PI
+ * normalizeAngleRelativeToXAxis(3/2 * PI) === -PI / 2
+ * normalizeAngleRelativeToXAxis(2 * PI) === 0
+ * normalizeAngleRelativeToXAxis(3 * PI) === PI
+ */
+declare function normalizeAngle(angle: number): number;
 import { Vec2 } from "ketcher-core/dist/domain/entities/vec2";

package/dist/script/editor/tool/rotate-controller.d.ts

@@ -16,6 +16,7 @@ declare class RotateController {
     private link?;
     private protractor?;
     private rotateArc?;
+    private snapAngleIndicator?;
     constructor(editor: Editor);
     private init;
     private get render();
@@ -24,7 +25,7 @@ declare class RotateController {
     rerender(): void;
     clean(): void;
     /**
-     * Revert rotation by pressing "Escape" key
+     * Revert rotation by pressing "Escape" key or "Right click" button
      */
     revert(): void;
     private isPartOfFragmentSelected;
@@ -48,6 +49,8 @@ declare class RotateController {
     private dragCrossEnd;
     private dragCrossEndOUtOfBounding;
     updateFloatingToolsPosition: import("lodash").DebouncedFunc<() => void>;
+    private updateSnapAngleIndicator;
+    private drawSnapAngleIndicator;
 }
 export default RotateController;
 export { getDifference };

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

@@ -13,25 +13,39 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+/// <reference types="lodash" />
 import { FlipDirection, Vec2 } from 'ketcher-core';
 import Editor from '../Editor';
 import { Tool } from './Tool';
+declare type SnapMode = 'one-bond' | 'multiple-bonds';
 declare class RotateTool implements Tool {
     private readonly editor;
     dragCtx: any;
     isNotActiveTool: boolean;
+    private centerAtomId?;
+    private snapInfo;
     constructor(editor: Editor, flipDirection?: FlipDirection);
+    private get reStruct();
+    private get struct();
+    private get selection();
+    get snapAngleDrawingProps(): {
+        isSnapping: boolean;
+        absoluteAngle: number;
+        relativeAngle: number;
+        snapMode: SnapMode;
+    } | null;
     mousedownHandle(handleCenter: Vec2, center: Vec2): void;
-    /**
-     * @returns `[center, visibleAtoms]`,
-     * `visibleAtoms` = selected atoms
-     *                - atoms in contracted functional groups
-     *                + functional groups's attachment atoms
-     */
-    getCenter(editor: Editor): readonly [Vec2 | undefined, number[]];
-    mousemove(event: any): boolean;
+    getCenter(): Vec2 | undefined;
+    mousemove: import("lodash").DebouncedFunc<(event: any) => boolean>;
     mouseup(): boolean;
     cancel(): void;
     mouseleave(): void;
+    private initSnapInfo;
+    private calculateAbsoluteSnapAngles;
+    private calculateAbsoluteAnglesByFixedBond;
+    private calculateAbsoluteAnglesByBisector;
+    private partitionNeighborsBySelection;
+    private snap;
+    private saveSnappingBonds;
 }
 export default RotateTool;

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

@@ -1,6 +1,6 @@
 import Editor from '../Editor';
 export declare const TOOLTIP_DELAY = 300;
-export declare function setFunctionalGroupsTooltip({ editor, event, isShow }: {
+export declare function setFunctionalGroupsTooltip({ editor, event, isShow, }: {
     editor: Editor;
     event?: PointerEvent;
     isShow: boolean;

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

@@ -15,3 +15,4 @@
  ***************************************************************************/
 export * from './customOnChangeHandler';
 export * from './elementOffset';
+export * from './structLayout';

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

@@ -0,0 +1,4 @@
+import { Editor, 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

@@ -22,6 +22,6 @@ interface Config {
     buttons?: ButtonsConfig;
     errorHandler: (message: string) => void;
 }
-declare function buildKetcherAsync({ element, staticResourcesUrl, structServiceProvider, buttons, errorHandler }: Config): Promise<import("ketcher-core").Ketcher>;
+declare function buildKetcherAsync({ element, staticResourcesUrl, structServiceProvider, buttons, errorHandler, }: Config): Promise<import("ketcher-core").Ketcher>;
 export type { Config, ButtonsConfig };
 export default buildKetcherAsync;

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

@@ -543,7 +543,9 @@ declare const config: {
     cut: {
         shortcut: string;
         title: string;
-        action: (editor: any) => void;
+        action: {
+            thunk: (dispatch: any, _: any) => void;
+        };
         disabled: (editor: any) => boolean;
         hidden: (options: any) => boolean;
     };
@@ -554,7 +556,9 @@ declare const config: {
     copy: {
         shortcut: string;
         title: string;
-        action: (editor: any) => void;
+        action: {
+            thunk: (dispatch: any, _: any) => void;
+        };
         disabled: (editor: any) => boolean;
         hidden: (options: any) => boolean;
     };
@@ -582,7 +586,9 @@ declare const config: {
     paste: {
         shortcut: string;
         title: string;
-        action: (editor: any) => void;
+        action: {
+            thunk: (dispatch: any, _: any) => void;
+        };
         selected: ({ actions }: {
             actions: any;
         }) => any;
@@ -658,4 +664,11 @@ declare const config: {
         };
         hidden: (options: any) => boolean;
     };
+    'info-modal': {
+        title: string;
+        action: {
+            dialog: string;
+        };
+        hidden: (options: any) => boolean;
+    };
 };

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

@@ -26,5 +26,5 @@ interface Props {
     multiple?: boolean;
     disabled?: boolean;
 }
-declare const Select: ({ className, value, onChange, multiple, disabled, options }: Props) => JSX.Element;
+declare const Select: ({ className, value, onChange, multiple, disabled, options, }: Props) => JSX.Element;
 export default Select;

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

@@ -1,5 +1,5 @@
 export default ButtonList;
-declare function ButtonList({ value, onChange, schema, disabledIds, multiple, classes }: {
+declare function ButtonList({ value, onChange, schema, disabledIds, multiple, classes, }: {
     value: any;
     onChange: any;
     schema: any;

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -1,6 +1,6 @@
 import { Atom } from 'ketcher-core';
 export declare function isAtomsArray(selectedElements: Atom | Atom[]): boolean;
-export declare function updateSelectedAtoms({ atoms, changeAtomPromise, editor }: {
+export declare function updateSelectedAtoms({ atoms, changeAtomPromise, editor, }: {
     atoms: number[];
     editor: any;
     changeAtomPromise: Promise<Atom>;

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

@@ -1,5 +1,5 @@
 import { Bond } from 'ketcher-core';
-export declare function updateSelectedBonds({ bonds, changeBondPromise, editor }: {
+export declare function updateSelectedBonds({ bonds, changeBondPromise, editor, }: {
     bonds: number[];
     changeBondPromise: Promise<Bond>;
     editor: any;

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

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export declare function initMouseListener(element: any): (dispatch: any) => void;
+export declare function initMouseListener(element: any): (dispatch: any, getState: any) => void;

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

@@ -21,3 +21,12 @@ export declare function removeStructAction(): {
     action?: Record<string, unknown>;
 };
 export declare function load(struct: Struct, options?: any): (dispatch: any, getState: any) => Promise<void>;
+export declare function openInfoModal(command: 'Paste' | 'Copy' | 'Cut'): {
+    type: 'MODAL_OPEN';
+    data: {
+        name: 'info-modal';
+        prop: {
+            message: 'Paste' | 'Copy' | 'Cut';
+        };
+    };
+};

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, "options" | "type" | "indigoVerification">>;
+declare const Editor: import("react-redux").ConnectedComponent<typeof StructEditor, import("react-redux").Omit<any, string | number | symbol>>;
 import { StructEditor } from "./components";

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

@@ -2,6 +2,6 @@ import { FunctionalGroup } from 'ketcher-core';
 import Editor from 'src/script/editor';
 import { ClosestItem, ContextMenuShowProps, GetIsItemInSelectionArgs } from './contextMenu.types';
 import { Selection } from '../../../../editor/Editor';
-export declare const getIsItemInSelection: ({ item, selection, selectedSGroupsIds, selectedFunctionalGroups }: GetIsItemInSelectionArgs) => boolean;
+export declare const getIsItemInSelection: ({ item, selection, selectedSGroupsIds, selectedFunctionalGroups, }: GetIsItemInSelectionArgs) => boolean;
 export declare function getMenuPropsForClosestItem(editor: Editor, closestItem: ClosestItem): ContextMenuShowProps | null;
 export declare function getMenuPropsForSelection(selection: Selection | null, selectedFunctionalGroups: Map<number, FunctionalGroup>): ContextMenuShowProps | null;

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

@@ -9,6 +9,7 @@ declare class StructEditor extends Component<any, any, any> {
     editorRef: import("react").RefObject<any>;
     logRef: import("react").RefObject<any>;
     updateFloatingToolsPositionOnScroll(): void;
+    handleWheel: (event: any) => void;
     shouldComponentUpdate(nextProps: any, nextState: any): boolean;
     UNSAFE_componentWillReceiveProps(props: any): void;
     componentDidMount(): void;

package/dist/script/ui/views/modal/components/ExtendedTable/components/GenericGroups/GenGroup.d.ts

@@ -21,5 +21,5 @@ declare type GenProps = {
     group: GenGroupType;
     disabledQueryElements: Array<string> | null;
 };
-declare const GenGroup: ({ group, onAtomSelect, selected, disabledQueryElements }: GenProps) => JSX.Element;
+declare const GenGroup: ({ group, onAtomSelect, selected, disabledQueryElements, }: GenProps) => JSX.Element;
 export { GenGroup };

package/dist/script/ui/views/modal/components/ExtendedTable/components/GenericGroups/GenSet.d.ts

@@ -23,5 +23,5 @@ declare type GenSetProps = {
     group: string;
     disabledQueryElements: Array<string> | null;
 };
-declare function GenSet({ labels, selected, onAtomSelect, className, group, disabledQueryElements }: GenSetProps): JSX.Element;
+declare function GenSet({ labels, selected, onAtomSelect, className, group, disabledQueryElements, }: GenSetProps): JSX.Element;
 export { GenSet };

package/dist/script/ui/views/modal/components/ExtendedTable/components/GenericGroups/GenericGroups.d.ts

@@ -19,5 +19,5 @@ declare type GenericGroupsProps = {
     onAtomSelect: (label: string, activateImmediately: boolean) => void;
     disabledQueryElements: Array<string> | null;
 };
-declare function GenericGroups({ selected, onAtomSelect, disabledQueryElements }: GenericGroupsProps): JSX.Element;
+declare function GenericGroups({ selected, onAtomSelect, disabledQueryElements, }: GenericGroupsProps): JSX.Element;
 export default GenericGroups;

package/dist/script/ui/views/modal/components/ExtendedTable/components/GenericGroups/components/ButtonGenSet/ButtonGenSet.d.ts

@@ -21,5 +21,5 @@ declare type ButtonGenSetProps = {
     selected: (label: string) => boolean;
     disabled: boolean;
 };
-declare const ButtonGenSet: ({ button, onAtomSelect, selected, disabled }: ButtonGenSetProps) => JSX.Element;
+declare const ButtonGenSet: ({ button, onAtomSelect, selected, disabled, }: ButtonGenSetProps) => JSX.Element;
 export default ButtonGenSet;

package/dist/script/ui/views/modal/components/InfoModal/InfoModal.d.ts

@@ -0,0 +1,19 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+/// <reference types="react" />
+declare function ErrorInfoModal(props: any): JSX.Element;
+declare const InfoModal: import("react-redux").ConnectedComponent<typeof ErrorInfoModal, import("react-redux").Omit<any, "errorMessage" | "onOk">>;
+export default InfoModal;

package/dist/script/ui/views/modal/components/InfoModal/InfoModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/script/ui/views/modal/components/InfoModal/PasteErrorModalBody/PasteErrorModalBody.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PasteErrorModalBody: () => JSX.Element;

package/dist/script/ui/views/modal/components/InfoModal/PasteErrorModalBody/index.d.ts

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

package/dist/script/ui/views/modal/components/InfoModal/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const pasteErrorText = "Your browser doesn't allow pasting clipboard content via button. Please use shortcut instead.";
+export declare const shortcut: {
+    hotKey: string;
+    label: string;
+};
+export declare const error: {
+    message: string;
+    close: string;
+};

package/dist/script/ui/views/modal/components/InfoModal/index.d.ts

@@ -0,0 +1,16 @@
+/****************************************************************************
+ * Copyright 2021 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+export { default } from './InfoModal';

package/dist/script/ui/views/modal/components/InfoModal/mockStore.d.ts

@@ -0,0 +1,63 @@
+export function renderWithMockStore(component: any, initialState?: {
+    options: {
+        app: {
+            errorMessage: string;
+        };
+    };
+}, store?: any): {
+    store: any;
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    rerender: (ui: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+};

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

@@ -1,5 +1,5 @@
 export default MainRow;
-declare function MainRow({ row, caption, refer, onAtomSelect, onDoubleClick, currentEvents, atomClassNames, className }: {
+declare function MainRow({ row, caption, refer, onAtomSelect, onDoubleClick, currentEvents, atomClassNames, className, }: {
     row: any;
     caption: any;
     refer: any;

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

@@ -1,5 +1,5 @@
 export default OutinerRow;
-declare function OutinerRow({ row, caption, onAtomSelect, onDoubleClick, currentEvents, atomClassNames, className }: {
+declare function OutinerRow({ row, caption, onAtomSelect, onDoubleClick, currentEvents, atomClassNames, className, }: {
     row: any;
     caption: any;
     onAtomSelect: any;

package/dist/script/ui/views/modal/components/document/Open/components/DialogActionButton.d.ts

@@ -21,5 +21,5 @@ declare type Props = {
     styles: string;
     title?: string;
 };
-export declare const DialogActionButton: ({ clickHandler, label, title, styles, disabled }: Props) => JSX.Element;
+export declare const DialogActionButton: ({ clickHandler, label, title, styles, disabled, }: Props) => JSX.Element;
 export {};

package/dist/script/ui/views/modal/components/document/Open/components/TextEditor.d.ts

@@ -19,4 +19,4 @@ export declare type TextEditorProps = {
     inputHandler: (str: string) => void;
     autoFocus?: boolean;
 };
-export declare const TextEditor: ({ structStr, inputHandler, autoFocus }: TextEditorProps) => JSX.Element;
+export declare const TextEditor: ({ structStr, inputHandler, autoFocus, }: TextEditorProps) => JSX.Element;

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

@@ -20,5 +20,5 @@ interface ArrowScrollProps {
     scrollUp: any;
     scrollDown: any;
 }
-declare const ArrowScroll: ({ startInView, endInView, scrollUp, scrollDown }: ArrowScrollProps) => JSX.Element;
+declare const ArrowScroll: ({ startInView, endInView, scrollUp, scrollDown, }: ArrowScrollProps) => JSX.Element;
 export { ArrowScroll };

package/dist/script/ui/views/toolbars/LeftToolbar/Bond/options.d.ts

@@ -21,4 +21,4 @@ declare const bondQuery: ToolbarItem[];
 declare const bondSpecial: ToolbarItem[];
 declare const groupOptions: ToolbarItem[];
 declare const groupDescriptors: GroupDescriptor[];
-export { bondCommon, bondStereo, bondQuery, bondSpecial, groupOptions, groupDescriptors };
+export { bondCommon, bondStereo, bondQuery, bondSpecial, groupOptions, groupDescriptors, };

package/dist/script/ui/views/toolbars/LeftToolbar/leftToolbarOptions.d.ts

@@ -5,4 +5,4 @@ declare const shapeOptions: ToolbarItem[];
 declare const selectOptions: ToolbarItem[];
 declare const arrowsOptions: ToolbarItem[];
 declare const mappingOptions: ToolbarItem[];
-export { rGroupOptions, bondCommon, bondQuery, bondSpecial, bondStereo, shapeOptions, selectOptions, arrowsOptions, mappingOptions };
+export { rGroupOptions, bondCommon, bondQuery, bondSpecial, bondStereo, shapeOptions, selectOptions, arrowsOptions, mappingOptions, };

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/variants/variants.types.d.ts

@@ -32,4 +32,4 @@ interface MultiToolCallProps {
     onAction: (action: UiActionAction) => void;
 }
 declare type MultiToolVariant = 'default' | 'grouped';
-export type { GroupDescriptor, MultiToolProps, MultiToolCallProps, MultiToolVariant };
+export type { GroupDescriptor, MultiToolProps, MultiToolCallProps, MultiToolVariant, };

package/dist/script/ui/views/toolbars/TopToolbar/ClipboardControls.d.ts

@@ -27,5 +27,5 @@ interface ClipboardControlsProps {
         [key in string]: string;
     };
 }
-export declare const ClipboardControls: ({ onCopy, onCopyMol, onCopyKet, onCopyImage, onPaste, onCut, shortcuts, disabledButtons, hiddenButtons }: ClipboardControlsProps) => JSX.Element;
+export declare const ClipboardControls: ({ onCopy, onCopyMol, onCopyKet, onCopyImage, onPaste, onCut, shortcuts, disabledButtons, hiddenButtons, }: ClipboardControlsProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/ElementWithDropdown.d.ts

@@ -19,5 +19,5 @@ interface ElementWithDropdownProps {
     dropDownElements: JSX.Element[];
     onToolOpen: () => void;
 }
-export declare const ElementWithDropdown: import("react-redux").ConnectedComponent<({ topElement, dropDownElements, onToolOpen }: ElementWithDropdownProps) => JSX.Element, import("react-redux").Omit<ElementWithDropdownProps, "onToolOpen">>;
+export declare const ElementWithDropdown: import("react-redux").ConnectedComponent<({ topElement, dropDownElements, onToolOpen, }: ElementWithDropdownProps) => JSX.Element, import("react-redux").Omit<ElementWithDropdownProps, "onToolOpen">>;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/ExternalFuncControls.d.ts

@@ -31,5 +31,5 @@ interface ExternalFuncProps {
         [key in string]: string;
     };
 }
-export declare const ExternalFuncControls: ({ isCollapsed, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, disabledButtons, indigoVerification, hiddenButtons, shortcuts }: ExternalFuncProps) => JSX.Element;
+export declare const ExternalFuncControls: ({ isCollapsed, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, disabledButtons, indigoVerification, hiddenButtons, shortcuts, }: ExternalFuncProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/FileControls.d.ts

@@ -7,5 +7,5 @@ interface FileControlsProps {
     };
     hiddenButtons: string[];
 }
-export declare const FileControls: ({ onFileOpen, onSave, shortcuts, hiddenButtons }: FileControlsProps) => JSX.Element;
+export declare const FileControls: ({ onFileOpen, onSave, shortcuts, hiddenButtons, }: FileControlsProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/SystemControls.d.ts

@@ -24,5 +24,5 @@ interface SystemControlsProps {
     onFullscreen: () => void;
     onHelp: () => void;
 }
-export declare const SystemControls: ({ disabledButtons, hiddenButtons, onSettingsOpen, onFullscreen, onHelp, onAboutOpen, className }: SystemControlsProps) => JSX.Element;
+export declare const SystemControls: ({ disabledButtons, hiddenButtons, onSettingsOpen, onFullscreen, onHelp, onAboutOpen, className, }: SystemControlsProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbar.container.d.ts

@@ -14,5 +14,5 @@
  * limitations under the License.
  ***************************************************************************/
 /// <reference types="react" />
-declare const TopToolbarContainer: import("react-redux").ConnectedComponent<({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onFullscreen, onAbout, onHelp }: import("./TopToolbar").PanelProps) => JSX.Element, import("react-redux").Omit<import("./TopToolbar").PanelProps, "disabledButtons" | "indigoVerification" | "hiddenButtons" | "shortcuts" | "onClear" | "onFileOpen" | "onSave" | "onUndo" | "onRedo" | "onCopy" | "onCopyMol" | "onCopyKet" | "onCopyImage" | "onCut" | "onPaste" | "currentZoom" | "onZoom" | "onZoomIn" | "onZoomOut" | "onSettingsOpen" | "onLayout" | "onClean" | "onAromatize" | "onDearomatize" | "onCalculate" | "onCheck" | "onAnalyse" | "onMiew" | "onFullscreen" | "onAbout" | "onHelp">>;
+declare const TopToolbarContainer: import("react-redux").ConnectedComponent<({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onFullscreen, onAbout, onHelp, }: import("./TopToolbar").PanelProps) => JSX.Element, import("react-redux").Omit<import("./TopToolbar").PanelProps, "disabledButtons" | "indigoVerification" | "hiddenButtons" | "shortcuts" | "onClear" | "onFileOpen" | "onSave" | "onUndo" | "onRedo" | "onCopy" | "onCopyMol" | "onCopyKet" | "onCopyImage" | "onCut" | "onPaste" | "currentZoom" | "onZoom" | "onZoomIn" | "onZoomOut" | "onSettingsOpen" | "onLayout" | "onClean" | "onAromatize" | "onDearomatize" | "onCalculate" | "onCheck" | "onAnalyse" | "onMiew" | "onFullscreen" | "onAbout" | "onHelp">>;
 export { TopToolbarContainer };

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

@@ -51,5 +51,5 @@ export interface PanelProps {
     onAbout: VoidFunction;
     onHelp: VoidFunction;
 }
-export declare const TopToolbar: ({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onFullscreen, onAbout, onHelp }: PanelProps) => JSX.Element;
+export declare const TopToolbar: ({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onFullscreen, onAbout, onHelp, }: PanelProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/UndoRedo.d.ts

@@ -23,5 +23,5 @@ interface UndoRedoProps {
     onUndo: () => void;
     onRedo: () => void;
 }
-export declare const UndoRedo: ({ onUndo, onRedo, disabledButtons, hiddenButtons, shortcuts }: UndoRedoProps) => JSX.Element;
+export declare const UndoRedo: ({ onUndo, onRedo, disabledButtons, hiddenButtons, shortcuts, }: UndoRedoProps) => JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/ZoomControls.d.ts

@@ -25,5 +25,5 @@ interface ZoomProps {
         [key in string]: string;
     };
 }
-export declare const ZoomControls: ({ currentZoom, onZoom, onZoomIn, onZoomOut, disabledButtons, hiddenButtons, shortcuts }: ZoomProps) => JSX.Element;
+export declare const ZoomControls: ({ currentZoom, onZoom, onZoomIn, onZoomOut, disabledButtons, hiddenButtons, shortcuts, }: ZoomProps) => JSX.Element;
 export {};