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

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

@@ -0,0 +1,55 @@
+/****************************************************************************
+ * 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 type VoidFunction = () => void;
+export interface PanelProps {
+    className: string;
+    disabledButtons: string[];
+    indigoVerification: boolean;
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+    onClear: VoidFunction;
+    onFileOpen: VoidFunction;
+    onSave: VoidFunction;
+    onUndo: VoidFunction;
+    onRedo: VoidFunction;
+    onCopy: VoidFunction;
+    onCopyMol: VoidFunction;
+    onCopyKet: VoidFunction;
+    onCopyImage: VoidFunction;
+    onCut: VoidFunction;
+    onPaste: VoidFunction;
+    currentZoom: number | undefined;
+    onZoom: (zoom: number) => void;
+    onZoomIn: VoidFunction;
+    onZoomOut: VoidFunction;
+    onSettingsOpen: VoidFunction;
+    onLayout: VoidFunction;
+    onClean: VoidFunction;
+    onAromatize: VoidFunction;
+    onDearomatize: VoidFunction;
+    onCalculate: VoidFunction;
+    onCheck: VoidFunction;
+    onAnalyse: VoidFunction;
+    onMiew: VoidFunction;
+    onFullscreen: VoidFunction;
+    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 {};

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

@@ -0,0 +1,27 @@
+/****************************************************************************
+ * 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 UndoRedoProps {
+    disabledButtons: string[];
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+    onUndo: () => void;
+    onRedo: () => void;
+}
+export declare const UndoRedo: ({ onUndo, onRedo, disabledButtons, hiddenButtons, shortcuts }: UndoRedoProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+/****************************************************************************
+ * 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 ZoomProps {
+    currentZoom: number;
+    onZoom: (arg: number) => void;
+    onZoomIn: VoidFunction;
+    onZoomOut: VoidFunction;
+    disabledButtons: string[];
+    hiddenButtons: string[];
+    shortcuts: {
+        [key in string]: string;
+    };
+}
+export declare const ZoomControls: ({ currentZoom, onZoom, onZoomIn, onZoomOut, disabledButtons, hiddenButtons, shortcuts }: ZoomProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+/****************************************************************************
+ * 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 { RefObject } from 'react';
+export declare const updateInputString: (zoom: number, inputElement: HTMLInputElement | null) => void;
+export interface ZoomInputProps {
+    onZoomSubmit: () => void;
+    currentZoom: number;
+    inputRef: RefObject<HTMLInputElement>;
+    shortcuts: {
+        [key in string]: string;
+    };
+}
+export declare const ZoomInput: ({ onZoomSubmit, currentZoom, inputRef, shortcuts }: ZoomInputProps) => JSX.Element;

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

@@ -0,0 +1,23 @@
+/****************************************************************************
+ * 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 ZoomListProps {
+    zoom: number;
+    setZoom: (zoom: number) => void;
+}
+declare const ZoomList: ({ zoom, setZoom }: ZoomListProps) => JSX.Element;
+export type { ZoomListProps };
+export { ZoomList };

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

@@ -0,0 +1,22 @@
+/****************************************************************************
+ * 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 SliderProps {
+    zoom: number;
+    setZoom: (arg: any) => void;
+}
+export declare const ZoomSlider: ({ zoom, setZoom }: SliderProps) => JSX.Element;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/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 * from './TopToolbar.container';

package/dist/script/ui/views/toolbars/index.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.
+ ***************************************************************************/
+export * from './BottomToolbar';
+export * from './LeftToolbar';
+export * from './RightToolbar';
+export * from './TopToolbar';

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

@@ -0,0 +1,23 @@
+/****************************************************************************
+ * 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.
+ ***************************************************************************/
+declare const mediaSizes: {
+    topSeparatorsShowingWidth: number;
+    bondCollapsableHeight: number;
+    rGroupCollapsableHeight: number;
+    shapeCollapsableHeight: number;
+    transformCollapsableHeight: number;
+};
+export { mediaSizes };

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

@@ -0,0 +1 @@
+export declare function shortcutStr(shortcut?: string | string[]): string;

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

@@ -0,0 +1,32 @@
+/****************************************************************************
+ * 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.
+ ***************************************************************************/
+declare type TopGroup = 'document' | 'edit' | 'zoom' | 'process' | 'meta';
+declare type LeftGroup = 'hand' | 'select' | 'bond' | 'charge' | 'transform' | 'sgroup' | 'rgroup' | 'shape' | 'text';
+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 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;
+interface ToolbarItem {
+    id: ToolbarItemVariant;
+    options?: ToolbarItem[];
+}
+export type { ToolbarGroupVariant };
+export type { BottomToolbarItemVariant, LeftToolbarItemVariant, RightToolbarItemVariant, TopToolbarItemVariant, ToolbarItemVariant };
+export type { ToolbarItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.8.0-rc.3-dev.1",
+  "version": "2.8.0-rc.3-dev.3",
   "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",
@@ -58,12 +58,11 @@
     "font-face-observer": "^1.0.0",
     "hoist-non-react-statics": "^3.3.2",
     "intersection-observer": "^0.12.0",
-    "ketcher-core": "2.8.0-rc.3-dev.1",
+    "ketcher-core": "*",
     "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",
@@ -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",