#2332 - Add peptide monomers to canvas (by click)

- added an ability to add peptides on canvas and move by drag n drop
epam · Jul 31, 2023 · c69dce2 · c69dce2
1 parent 1de6439
commit c69dce2
Show file tree

Hide file tree

Showing 56 changed files with 1,635 additions and 67 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -50,10 +50,14 @@ const App = () => {
   const [errorMessage, setErrorMessage] = useState('');
   const [showPolymerEditor, setShowPolymerEditor] = useState(false);
 
+  const togglePolymerEditor = (toggleValue: boolean) => {
+    setShowPolymerEditor(toggleValue);
+    window.isPolymerEditorTurnedOn = toggleValue;
+  };
   return showPolymerEditor ? (
     <>
       <PolymerEditor />
-      <PolymerToggler toggle={setShowPolymerEditor} />
+      <PolymerToggler toggle={togglePolymerEditor} />
     </>
   ) : (
     <>
@@ -75,7 +79,7 @@ const App = () => {
           );
         }}
       />
-      {enablePolymerEditor && <PolymerToggler toggle={setShowPolymerEditor} />}
+      {enablePolymerEditor && <PolymerToggler toggle={togglePolymerEditor} />}
       {hasError && (
         <InfoModal
           message={errorMessage}

diff --git a/example/src/typing.d.ts b/example/src/typing.d.ts
@@ -6,6 +6,7 @@ declare global {
     data?: unknown;
   }
   export interface Window {
+    isPolymerEditorTurnedOn: boolean;
     postMessage(
       message: IMessage,
       targetOrigin: string,

diff --git a/ketcher-autotests/tests/typings.d.ts b/ketcher-autotests/tests/typings.d.ts
@@ -3,5 +3,6 @@ import { Ketcher } from 'ketcher-core';
 declare global {
   interface Window {
     ketcher: Ketcher;
+    isPolymerEditorTurnedOn: boolean;
   }
 }