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

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

@@ -0,0 +1,19 @@
+/****************************************************************************
+ * Copyright 2022 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" />
+import 'react-contexify/ReactContexify.css';
+declare const BondSingleOperations: React.FC;
+export default BondSingleOperations;

package/dist/script/ui/views/components/ContextMenu/{utils.d.ts → items/utils.d.ts}

@@ -1,3 +1,5 @@
+import { PredicateParams } from 'react-contexify';
+import { ContextMenuShowProps, ItemData } from '../contextMenu.types';
 /**
  * Remove the word `bond` out of the title
  *
@@ -22,4 +24,4 @@ export declare const queryBondNames: string[];
  */
 export declare const getNonQueryBondNames: (tools: any) => string[];
 export declare const noOperation: () => null;
-export declare function onlyHasProperty<T extends object>(checkedObject: T, key: keyof T): boolean;
+export declare const isBatchOperationHidden: ({ props }: PredicateParams<ContextMenuShowProps, ItemData>) => boolean;

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { FC, PropsWithChildren, ReactElement } from 'react';
+import { FC, ReactElement } from 'react';
 interface DialogParamsCallProps {
     onCancel: () => void;
     onOk: (result: any) => void;
@@ -40,5 +40,5 @@ interface DialogCallProps {
     valid?: () => boolean;
 }
 declare type Props = DialogProps & DialogCallProps;
-declare const Dialog: FC<PropsWithChildren & Props>;
+declare const Dialog: FC<Props>;
 export default Dialog;

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

@@ -23,5 +23,7 @@ interface InfoPanelProps {
     sGroup: SGroup;
     className?: string;
 }
-declare const _default: import("react-redux").ConnectedComponent<FC<InfoPanelProps>, import("react-redux").Omit<InfoPanelProps, "render" | "clientX" | "clientY" | "groupStruct" | "sGroup">>;
+declare const _default: import("react-redux").ConnectedComponent<FC<InfoPanelProps>, import("react-redux").Omit<InfoPanelProps & {
+    children?: import("react").ReactNode;
+}, "render" | "clientX" | "clientY" | "groupStruct" | "sGroup">>;
 export default _default;

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

@@ -20,5 +20,7 @@ declare const OpenContainer: import("react-redux").ConnectedComponent<import("re
     onImageUpload: (file: File) => void;
 }>, import("react-redux").Omit<OpenProps & Pick<import("../../../modal.types").BaseProps, "className"> & BaseCallProps & {
     onImageUpload: (file: File) => void;
+} & {
+    children?: import("react").ReactNode;
 }, "onOk" | "server" | "errorHandler" | "isRecognizeDisabled" | "isAnalyzingFile" | "onImageUpload">>;
 export default OpenContainer;

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

@@ -31,7 +31,6 @@ declare class SaveDialog extends Component<any, any, any> {
     };
     componentDidMount(): void;
     isImageFormat: (format: any) => boolean;
-    isBinaryCdxFormat: (format: any) => boolean;
     showStructWarningMessage: (format: any) => boolean;
     changeType: (type: any) => any;
     changeTab: (index: any) => void;

package/dist/script/ui/views/modal/components/toolbox/Atom/Atom.container.d.ts

@@ -18,5 +18,7 @@ declare const AtomContainer: import("react-redux").ConnectedComponent<import("re
     isMultipleAtoms?: boolean | undefined;
 }>, import("react-redux").Omit<import("./Atom").AtomProps & {
     isMultipleAtoms?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
 }, "formState">>;
 export default AtomContainer;

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

@@ -19,7 +19,7 @@ declare type BottomGroup = 'template-common' | 'template-lib';
 declare type RightGroup = 'atom' | 'period-table';
 declare type ToolbarGroupVariant = TopGroup | LeftGroup | BottomGroup | RightGroup;
 declare type TopToolbarItemVariant = 'clear' | 'open' | 'save' | 'undo' | 'redo' | 'cut' | 'copies' | 'copy' | 'copy-image' | 'copy-mol' | 'copy-ket' | 'paste' | 'zoom-in' | 'zoom-out' | 'zoom-list' | 'layout' | 'clean' | 'arom' | 'dearom' | 'cip' | 'check' | 'analyse' | 'recognize' | 'miew' | 'settings' | 'help' | 'about';
-declare type LeftToolbarItemVariant = 'hand' | 'select' | 'select-lasso' | 'select-rectangle' | 'select-fragment' | 'erase' | 'bonds' | 'bond-common' | 'bond-single' | 'bond-double' | 'bond-triple' | 'bond-dative' | 'bond-stereo' | 'bond-up' | 'bond-down' | 'bond-updown' | 'bond-crossed' | 'bond-query' | 'bond-special' | 'bond-any' | 'bond-hydrogen' | 'bond-aromatic' | 'bond-singledouble' | 'bond-singlearomatic' | 'bond-doublearomatic' | 'chain' | 'charge-plus' | 'charge-minus' | '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' | 'transforms' | 'transform-rotate' | 'transform-flip-h' | 'transform-flip-v' | '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' | '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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.8.0-rc.3-dev.3",
+  "version": "2.8.0-rc.5",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",
@@ -41,8 +41,8 @@
     "stylelint:fix": "stylelint \"./**/*.{css,less}\" --formatter verbose --fix"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
@@ -58,11 +58,12 @@
     "font-face-observer": "^1.0.0",
     "hoist-non-react-statics": "^3.3.2",
     "intersection-observer": "^0.12.0",
-    "ketcher-core": "*",
+    "ketcher-core": "workspace:*",
     "lodash": "^4.17.21",
     "miew-react": "^1.0.0",
     "react-colorful": "^5.4.0",
     "react-contexify": "^6.0.0",
+    "react-contextmenu": "^2.14.0",
     "react-device-detect": "^2.2.2",
     "react-dropzone": "^11.7.1",
     "react-intersection-observer": "^8.32.1",
@@ -94,15 +95,15 @@
     "@rollup/plugin-replace": "^2.3.4",
     "@rollup/plugin-strip": "^2.0.0",
     "@svgr/rollup": "^5.4.0",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.4.3",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.5.0",
+    "@testing-library/user-event": "^7.2.1",
     "@types/draft-js": "^0.11.7",
     "@types/jest": "^27.0.3",
     "@types/lodash": "^4.14.178",
     "@types/node": "^16.11.12",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
     "autoprefixer": "^10.2.5",

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

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

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

@@ -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/dialog/toolbox/SDataFieldset.d.ts

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

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

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

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

@@ -1,15 +0,0 @@
-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/views/components/ContextMenu/hooks/useAtomEdit.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const AtomMenuItems: React.FC;
-export default AtomMenuItems;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const BondMenuItems: React.FC;
-export default BondMenuItems;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const FunctionalGroupMenuItems: React.FC;
-export default FunctionalGroupMenuItems;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SelectionMenuItems: React.FC;
-export default SelectionMenuItems;