ketcher-react 2.8.0-rc.6 → 2.9.0-rc.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Render, SGroup, Struct } from 'ketcher-core';
+interface SGroupDataRenderProps {
+    clientX: number;
+    clientY: number;
+    render: Render;
+    groupStruct: Struct;
+    sGroup: SGroup;
+    sGroupData: string | null;
+    className?: string;
+}
+declare const SGroupDataRender: FC<SGroupDataRenderProps>;
+export default SGroupDataRender;

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

@@ -0,0 +1,4 @@
+import { Render, Point } from 'ketcher-core';
+export declare const calculateMiddleCoordsForRect: (rectCoords: Array<Array<number>>) => Array<Point> | [];
+export declare const calculateScrollOffsetX: (render: Render) => number;
+export declare const calculateScrollOffsetY: (render: Render) => number;

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

@@ -20,7 +20,5 @@ 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,6 +31,7 @@ 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,7 +18,5 @@ 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' | '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 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 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.6",
+  "version": "2.9.0-rc.1",
   "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": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
@@ -63,7 +63,6 @@
     "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",
@@ -95,15 +94,15 @@
     "@rollup/plugin-replace": "^2.3.4",
     "@rollup/plugin-strip": "^2.0.0",
     "@svgr/rollup": "^5.4.0",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "14.4.3",
     "@types/draft-js": "^0.11.7",
     "@types/jest": "^27.0.3",
     "@types/lodash": "^4.14.178",
     "@types/node": "^16.11.12",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.8",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
     "autoprefixer": "^10.2.5",

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

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

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

@@ -1,19 +0,0 @@
-declare var _default: import("react-redux").ConnectedComponent<typeof SData, import("react-redux").Omit<{
-    [x: string]: any;
-    context: any;
-    fieldName: any;
-    fieldValue: any;
-    type: any;
-    radiobuttons: any;
-    formState: any;
-}, "formState" | "dispatch">>;
-export default _default;
-declare function SData({ context, fieldName, fieldValue, type, radiobuttons, formState, ...prop }: {
-    [x: string]: any;
-    context: any;
-    fieldName: any;
-    fieldValue: any;
-    type: any;
-    radiobuttons: any;
-    formState: any;
-}): JSX.Element;

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

@@ -1,7 +0,0 @@
-export declare function handleHotkeyOverAtom({ hoveredItemId, newAction, render, editor, dispatch }: {
-    hoveredItemId: any;
-    newAction: any;
-    render: any;
-    editor: any;
-    dispatch: any;
-}): Promise<void>;

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

@@ -1,20 +0,0 @@
-/****************************************************************************
- * 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';
-import type { CustomItemProps } from '../contextMenu.types';
-export declare const AtomBatchEdit: React.FC<CustomItemProps>;
-export declare const AtomStereoBatchEdit: React.FC<CustomItemProps>;

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

@@ -1,19 +0,0 @@
-/****************************************************************************
- * 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 AtomSingleOperations: React.FC;
-export default AtomSingleOperations;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CustomItemProps } from '../contextMenu.types';
-export declare const BatchDelete: React.FC<CustomItemProps>;

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

@@ -1,20 +0,0 @@
-/****************************************************************************
- * 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';
-import type { CustomItemProps, CustomSubMenuProps } from '../contextMenu.types';
-export declare const BondBatchEdit: React.FC<CustomItemProps>;
-export declare const BondTypeBatchChange: React.FC<CustomSubMenuProps>;

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

@@ -1,19 +0,0 @@
-/****************************************************************************
- * 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;