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

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

@@ -1,30 +1,47 @@
-export function selectTmpl(tmpl: any): {
+/****************************************************************************
+ * 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.
+ ***************************************************************************/
+import initTmplLib from './init-lib';
+export { initTmplLib };
+export declare function selectTmpl(tmpl: any): {
     type: string;
     data: {
         selected: any;
     };
 };
-export function changeGroup(group: any): {
+export declare function changeGroup(group: any): {
     type: string;
     data: {
         group: any;
         selected: null;
     };
 };
-export function changeFilter(filter: any): {
+export declare function changeFilter(filter: any): {
     type: string;
     data: {
         filter: any;
         selected: null;
     };
 };
-export function changeTab(tab: any): {
+export declare function changeTab(tab: any): {
     type: string;
     data: {
         tab: any;
     };
 };
-export function initAttach(name: any, attach: any): {
+export declare function initAttach(name: any, attach: any): {
     type: string;
     data: {
         name: any;
@@ -32,40 +49,37 @@ export function initAttach(name: any, attach: any): {
         bondid: any;
     };
 };
-export function setAttachPoints(attach: any): {
+export declare function setAttachPoints(attach: any): {
     type: string;
     data: {
         atomid: any;
         bondid: any;
     };
 };
-export function setTmplName(name: any): {
+export declare function setTmplName(name: any): {
     type: string;
     data: {
         name: any;
     };
 };
-export function editTmpl(tmpl: any): (dispatch: any, getState: any) => void;
-export function deleteUserTmpl(tmpl: any): {
+export declare function editTmpl(tmpl: any): (dispatch: any, getState: any) => void;
+export declare function deleteUserTmpl(tmpl: any): {
     type: string;
     data: {
         tmpl: any;
     };
 };
-export function deleteTmpl(tmpl: any): (dispatch: any, getState: any) => void;
-export function saveUserTmpl(struct: any): (dispatch: any, getState: any) => void;
-export { initTmplLib };
-export namespace initTmplsState {
-    const lib: never[];
-    const selected: null;
-    const filter: string;
-    const group: null;
-    const attach: {};
-    const mode: string;
-    const tab: number;
-}
-export default templatesReducer;
-import initTmplLib from "./init-lib";
+export declare function deleteTmpl(tmpl: any): (dispatch: any, getState: any) => void;
+export declare function saveUserTmpl(struct: any): (dispatch: any, getState: any) => void;
+export declare const initTmplsState: {
+    lib: never[];
+    selected: null;
+    filter: string;
+    group: null;
+    attach: {};
+    mode: string;
+    tab: number;
+};
 declare function templatesReducer(state: {
     lib: never[];
     selected: null;
@@ -75,3 +89,4 @@ declare function templatesReducer(state: {
     mode: string;
     tab: number;
 } | undefined, action: any): any;
+export default templatesReducer;

package/dist/script/ui/state/templates/selectors/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 declare const templatesLibSelector: (state: any) => any;

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

@@ -11,5 +11,4 @@ export declare const getSelectOptionsFromSchema: (schema: any) => Array<Option>;
  * @returns debounced function, which is not called with previous argument
  */
 export declare function memoizedDebounce(func: any, delay?: number, skipArguments?: number[]): (...args: any[]) => void;
-export { RenderStruct } from './renderStruct';
 export { fileOpener } from './fileOpener';

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

@@ -0,0 +1,7 @@
+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 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

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

package/dist/script/ui/views/modal/components/Text/TextButton/TextButton.d.ts

@@ -15,10 +15,11 @@
  ***************************************************************************/
 /// <reference types="react" />
 import { TextCommand } from 'ketcher-core';
+import { IconName } from 'components';
 interface TextButtonProps {
     button: {
         command: TextCommand;
-        name: string;
+        name: IconName;
     };
     active: boolean;
 }

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

@@ -15,10 +15,11 @@
  ***************************************************************************/
 /// <reference types="react" />
 import { DropzoneOptions } from 'react-dropzone';
+import { IconName } from 'components';
 declare type FileDropProps = {
     buttonLabel: string;
     textLabel: string;
-    iconName: string;
+    iconName: IconName;
     disabled?: boolean;
     disabledText?: string;
 } & DropzoneOptions;

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

@@ -1,5 +1,5 @@
 export default Save;
-declare const Save: import("react-redux").ConnectedComponent<typeof SaveDialog, import("react-redux").Omit<any, "options" | "server" | "formState" | "struct" | "checkState" | "onCheck" | "moleculeErrors" | "ignoreChiralFlag" | "onTmplSave" | "onResetForm">>;
+declare const Save: import("react-redux").ConnectedComponent<typeof SaveDialog, import("react-redux").Omit<any, "server" | "options" | "formState" | "struct" | "checkState" | "onCheck" | "moleculeErrors" | "ignoreChiralFlag" | "onTmplSave" | "onResetForm">>;
 declare class SaveDialog extends Component<any, any, any> {
     static contextType: import("react").Context<import("../../../../../../../contexts").IErrorsContext>;
     constructor(props: any);

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type FloatingToolsCallProps, type FloatingToolsProps } from './FloatingTools';
+declare const FloatingToolContainer: import("react-redux").ConnectedComponent<import("react").FC<FloatingToolsProps & FloatingToolsCallProps>, import("react-redux").Omit<FloatingToolsProps & FloatingToolsCallProps, "visible" | "rotateHandlePosition" | "status" | "indigoVerification" | "onAction">>;
+export { FloatingToolContainer };

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { UiActionAction } from '../../../action';
+export declare type FloatingToolsProps = {
+    visible: boolean;
+    rotateHandlePosition: {
+        x: number;
+        y: number;
+    };
+    status: {
+        disabled?: boolean;
+        hidden?: boolean;
+    };
+    indigoVerification: boolean;
+};
+export declare type FloatingToolsCallProps = {
+    onAction: (action: UiActionAction) => void;
+};
+declare type Props = FloatingToolsProps & FloatingToolsCallProps;
+export declare const FloatingTools: React.FC<Props>;
+export {};

package/dist/script/ui/views/toolbars/FloatingTools/index.d.ts

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

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

@@ -2,8 +2,7 @@ import { bondCommon, bondQuery, bondSpecial, bondStereo } from './Bond/options';
 import { ToolbarItem } from '../toolbar.types';
 declare const rGroupOptions: ToolbarItem[];
 declare const shapeOptions: ToolbarItem[];
-declare const transformOptions: ToolbarItem[];
 declare const selectOptions: ToolbarItem[];
 declare const arrowsOptions: ToolbarItem[];
 declare const mappingOptions: ToolbarItem[];
-export { rGroupOptions, bondCommon, bondQuery, bondSpecial, bondStereo, shapeOptions, transformOptions, selectOptions, arrowsOptions, mappingOptions };
+export { rGroupOptions, bondCommon, bondQuery, bondSpecial, bondStereo, shapeOptions, selectOptions, arrowsOptions, mappingOptions };

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ActionButton/ActionButton.d.ts

@@ -15,8 +15,9 @@
  ***************************************************************************/
 /// <reference types="react" />
 import { UiAction, UiActionAction } from '../../../../action';
+import { IconName } from 'components';
 interface ActionButtonProps {
-    name: string;
+    name: IconName;
     action?: UiAction;
     status?: {
         disabled?: boolean;

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

@@ -31,6 +31,6 @@ interface ToolbarGroupItemCallProps {
     onOpen: (menuName: string, isSelected: boolean) => void;
 }
 declare type Props = ToolbarGroupItemProps & ToolbarGroupItemCallProps;
-declare const ToolbarGroupItem: (props: Props) => JSX.Element;
+declare const ToolbarGroupItem: (props: Props) => JSX.Element | null;
 export type { ToolbarGroupItemProps, ToolbarGroupItemCallProps };
 export { ToolbarGroupItem };

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

@@ -15,3 +15,4 @@
  ***************************************************************************/
 /// <reference types="react" />
 export declare const Divider: () => JSX.Element;
+export declare const HorizontalDivider: () => JSX.Element;

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

@@ -1,18 +1,3 @@
-/****************************************************************************
- * 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" />
 interface FileControlsProps {
     onFileOpen: () => void;

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

@@ -0,0 +1,18 @@
+/****************************************************************************
+ * 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 declare const TopToolbarIconButton: import("@emotion/styled").StyledComponent<import("../../../../../components/Buttons/IconButton/types").IIconButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -17,3 +17,4 @@ export * from './BottomToolbar';
 export * from './LeftToolbar';
 export * from './RightToolbar';
 export * from './TopToolbar';
+export * from './FloatingTools';

package/dist/script/ui/views/toolbars/toolbar.types.d.ts

@@ -19,14 +19,15 @@ declare type BottomGroup = 'template-common' | 'template-lib';
 declare type RightGroup = 'atom' | 'period-table';
 declare type ToolbarGroupVariant = TopGroup | LeftGroup | BottomGroup | RightGroup;
 declare type TopToolbarItemVariant = 'clear' | 'open' | 'save' | 'undo' | 'redo' | 'cut' | 'copies' | 'copy' | 'copy-image' | 'copy-mol' | 'copy-ket' | 'paste' | 'zoom-in' | 'zoom-out' | 'zoom-list' | 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about';
-declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'transforms' | 'transform-rotate' | 'transform-flip-h' | 'transform-flip-v' | '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' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text';
+declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | 'sgroup' | 'reaction-plus' | 'arrows' | 'reaction-arrow-open-angle' | 'reaction-arrow-filled-triangle' | 'reaction-arrow-filled-bow' | 'reaction-arrow-dashed-open-angle' | 'reaction-arrow-failed' | 'reaction-arrow-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' | 'shapes' | 'shape-ellipse' | 'shape-rectangle' | 'shape-line' | 'text';
 declare type BottomToolbarItemVariant = 'template-common' | 'template-lib' | 'enhanced-stereo' | 'fullscreen';
 declare type RightToolbarItemVariant = 'atom' | 'freq-atoms' | 'period-table' | 'extended-table' | 'any-atom';
-declare type ToolbarItemVariant = TopToolbarItemVariant | LeftToolbarItemVariant | BottomToolbarItemVariant | RightToolbarItemVariant;
+declare type FloatingToolItemVariant = 'transform-flip-h' | 'transform-flip-v' | 'erase';
+declare type ToolbarItemVariant = TopToolbarItemVariant | LeftToolbarItemVariant | BottomToolbarItemVariant | RightToolbarItemVariant | FloatingToolItemVariant;
 interface ToolbarItem {
     id: ToolbarItemVariant;
     options?: ToolbarItem[];
 }
 export type { ToolbarGroupVariant };
-export type { BottomToolbarItemVariant, LeftToolbarItemVariant, RightToolbarItemVariant, TopToolbarItemVariant, ToolbarItemVariant };
+export type { BottomToolbarItemVariant, LeftToolbarItemVariant, RightToolbarItemVariant, TopToolbarItemVariant, FloatingToolItemVariant, ToolbarItemVariant };
 export type { ToolbarItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.11.0-rc.4",
+  "version": "2.12.0-rc.2",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",
@@ -31,12 +31,15 @@
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c -m true",
     "start": "cross-env NODE_ENV=development rollup -c -m true -w",
-    "test": "run-s test:prettier test:stylelint test:eslint test:unit",
+    "test": "run-s test:prettier test:stylelint test:eslint:quiet test:types test:unit",
     "test:eslint": "eslint . --ext .ts,.tsx,.js,.jsx",
+    "test:eslint:quiet": "npm run test:eslint -- --quiet",
+    "test:eslint:fix": "npm run test:eslint -- --fix",
+    "test:types": "tsc --noEmit",
     "test:unit": "jest --passWithNoTests",
     "test:unit:update": "jest -u",
     "test:prettier": "prettier --check \"./**/*.{js,jsx,json,ts,tsx}\"",
-    "test:stylelint": "stylelint \"./**/*.{css,less}\" --formatter verbose",
+    "test:stylelint": "stylelint \"./**/*.{css,less}\" --formatter",
     "prettier:write": "prettier --write \"./**/*.{js,jsx,json,ts,tsx}\"",
     "stylelint:fix": "stylelint \"./**/*.{css,less}\" --formatter verbose --fix"
   },

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

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

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

@@ -1,5 +0,0 @@
-export default Icon;
-declare function Icon({ name, ...props }: {
-    [x: string]: any;
-    name: any;
-}): JSX.Element;

package/dist/script/ui/utils/renderStruct.d.ts

@@ -1,9 +0,0 @@
-import { Struct } from 'ketcher-core';
-export declare class RenderStruct {
-    /**
-     * for S-Groups we want to show expanded structure
-     * without brackets
-     */
-    static prepareStruct(struct: Struct): Struct;
-    static render(el: HTMLElement | null, struct: Struct | null, options?: any): void;
-}