ketcher-macromolecules 3.4.0 → 3.5.0-rc.2

package/dist/Editor.d.ts

@@ -17,6 +17,7 @@
 import { CoreEditor } from 'ketcher-core';
 import { EditorTheme } from "./theming/defaultTheme";
 import { DeepPartial } from './types';
+import './theme.less';
 interface EditorProps {
     theme?: DeepPartial<EditorTheme>;
     togglerComponent?: JSX.Element;

package/dist/components/Ruler/RulerArea.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SequenceModeStartOffset = 50;
+export declare const SequenceModeItemWidth = 20;
+export declare const SequenceModeIndentWidth = 10;
+export declare const SnakeModeStartOffset = 25;
+export declare const SnakeModeItemWidth = 60;

package/dist/components/Ruler/RulerArea.d.ts

@@ -0,0 +1 @@
+export declare const RulerArea: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/Ruler/RulerHandle.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { D3DragEvent } from 'd3';
+declare type Props = {
+    offsetX: number;
+    onDragStart: (event: D3DragEvent<SVGGElement, unknown, unknown>) => void;
+    onDrag: (event: D3DragEvent<SVGGElement, unknown, unknown>) => void;
+    onDragEnd: (event: D3DragEvent<SVGGElement, unknown, unknown>) => void;
+};
+declare const _default: import("react").MemoExoticComponent<({ offsetX, onDragStart, onDrag, onDragEnd }: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Ruler/RulerInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LayoutMode } from 'ketcher-core';
+declare type Props = {
+    lineLengthValue: number;
+    offsetX: number;
+    isDragging: boolean;
+    layoutMode: LayoutMode;
+    onCommitValue: (value: number) => void;
+};
+declare const _default: import("react").MemoExoticComponent<({ lineLengthValue, offsetX, isDragging, layoutMode, onCommitValue, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Ruler/RulerScale.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ZoomTransform } from 'd3';
+import { LayoutMode } from 'ketcher-core';
+declare type Props = {
+    transform: ZoomTransform;
+    layoutMode: LayoutMode;
+};
+declare const _default: import("react").MemoExoticComponent<({ transform, layoutMode }: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Ruler/useTranslateAlongXAxis.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useTranslateAlongXAxis: (ref: RefObject<HTMLElement | SVGSVGElement>, offsetX: number) => void;
+export default useTranslateAlongXAxis;

package/dist/components/contextMenu/ContextMenu.d.ts

@@ -12,14 +12,17 @@ interface MenuItem {
             selectedMonomers?: BaseMonomer[];
         };
     }) => boolean);
-    hidden?: ({ props, }: {
+    hidden?: boolean | (({ props, }: {
         props?: {
             polymerBondRenderer?: DeprecatedFlexModeOrSnakeModePolymerBondRenderer;
             sequenceItemRenderer?: BaseSequenceItemRenderer;
             selectedMonomers?: BaseMonomer[];
         };
-    }) => boolean;
+    }) => boolean);
     isMenuTitle?: boolean;
+    subMenuItems?: MenuItem[];
+    onMouseOver?: (itemId: string) => void;
+    onMouseOut?: (itemId: string) => void;
 }
 interface MenuProps {
     id: CONTEXT_MENU_ID;

package/dist/components/contextMenu/SelectedMonomersContextMenu/SelectedMonomersContextMenu.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
 import { BaseMonomer } from 'ketcher-core';
+import { PointerEvent } from 'react';
 declare type SelectedMonomersContextMenuType = {
-    selectedMonomers: BaseMonomer[];
+    selectedMonomers?: BaseMonomer[];
+    contextMenuEvent?: PointerEvent;
 };
-export declare const SelectedMonomersContextMenu: ({ selectedMonomers, }: SelectedMonomersContextMenuType) => import("react").ReactPortal | null;
+export declare const SelectedMonomersContextMenu: ({ selectedMonomers: _selectedMonomers, contextMenuEvent, }: SelectedMonomersContextMenuType) => import("react").ReactPortal | null;
 export {};

package/dist/components/contextMenu/SelectedMonomersContextMenu/helpers.d.ts

@@ -4,3 +4,11 @@ export declare const isAntisenseCreationDisabled: (selectedMonomers: BaseMonomer
 export declare const hasOnlyDeoxyriboseSugars: (selectedMonomers: BaseMonomer[]) => boolean;
 export declare const hasOnlyRiboseSugars: (selectedMonomers: BaseMonomer[]) => boolean;
 export declare const isAntisenseOptionVisible: (selectedMonomers: BaseMonomer[]) => boolean;
+export declare const AMINO_ACID_MODIFICATION_MENU_ITEM_PREFIX = "aminoAcidModification-";
+export declare const getModifyAminoAcidsMenuItems: (selectedMonomers: BaseMonomer[]) => {
+    name: string;
+    title: string;
+    onMouseOver: () => void;
+    onMouseOut: () => void;
+}[];
+export declare const getMonomersForAminoAcidModification: (selectedMonomers: BaseMonomer[], contextMenuEvent?: any) => BaseMonomer[];

package/dist/components/contextMenu/SequenceItemContextMenu/SequenceItemContextMenu.d.ts

@@ -1,13 +1,15 @@
-/// <reference types="react" />
 import { NodesSelection } from 'ketcher-core';
+import { PointerEvent } from 'react';
 declare type SequenceItemContextMenuType = {
     selections?: NodesSelection;
+    contextMenuEvent?: PointerEvent;
 };
 export declare enum SequenceItemContextMenuNames {
     title = "sequence_menu_title",
     createRnaAntisenseStrand = "create_antisense_rna_chain",
     createDnaAntisenseStrand = "create_antisense_dna_chain",
     modifyInRnaBuilder = "modify_in_rna_builder",
+    modifyAminoAcids = "modify_amino_acids",
     establishHydrogenBond = "establish_hydrogen_bond",
     deleteHydrogenBond = "delete_hydrogen_bond",
     editSequence = "edit_sequence",
@@ -16,5 +18,5 @@ export declare enum SequenceItemContextMenuNames {
     paste = "paste",
     delete = "delete"
 }
-export declare const SequenceItemContextMenu: ({ selections, }: SequenceItemContextMenuType) => import("react").ReactPortal | null;
+export declare const SequenceItemContextMenu: ({ selections, contextMenuEvent, }: SequenceItemContextMenuType) => import("react").ReactPortal | null;
 export {};

package/dist/components/monomerLibrary/styles.d.ts

@@ -1,3 +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.
+ ***************************************************************************/
 /// <reference types="react" />
 export declare const MONOMER_LIBRARY_WIDTH = "254px";
 export declare const MonomerLibraryContainer: import("@emotion/styled").StyledComponent<{

package/dist/index.css

@@ -1,2 +1,2 @@
-.Modal-module_expandButton__J1QYl{margin-right:-8px!important}
+.Modal-module_expandButton__J1QYl{margin-right:-8px!important}.RulerArea-module_rulerArea__Kix1O{background-color:transparent;height:36px;position:absolute;width:100%}.RulerArea-module_rulerInput__nCNOa{border:var(--border-regular);border-radius:3px;height:14px;opacity:40%;position:absolute;text-align:center;top:0;width:26px}.RulerArea-module_rulerInput__nCNOa:hover{border:1px solid var(--color-input-border-hover);cursor:pointer;opacity:100%}.RulerArea-module_rulerInput__nCNOa:focus{border:1px solid var(--color-input-border-hover);height:18px;opacity:100%;outline:none}.RulerArea-module_rulerInput__nCNOa.RulerArea-module_rulerInputDragging__saoOk{user-focus:none;opacity:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.RulerArea-module_rulerScale__4YOKH{height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;width:100%}.RulerArea-module_rulerHandle__g4GPl{height:13px;position:absolute;top:0;width:16px}.RulerArea-module_rulerHandle__g4GPl:hover{cursor:pointer}.RulerArea-module_rulerHandle__g4GPl:before,.RulerArea-module_rulerInput__nCNOa:before{content:"";display:block;height:calc(100% + 20px);left:-10px;position:absolute;top:-10px;width:calc(100% + 20px)}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerScale__4YOKH,.RulerArea-module_rulerInput__nCNOa:hover~.RulerArea-module_rulerScale__4YOKH{background-color:var(--color-background-canvas);visibility:visible}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerInput__nCNOa{opacity:100%}:root{--color-background-canvas:#f5f5f5;--color-background-primary:#fff;--color-background-secondary:#f8feff;--color-background-overlay:rgba(94,94,94,.8);--color-border-primary:#cad3dd;--color-border-secondary:#7c7c7f;--color-text-primary:#333;--color-text-secondary:#167782;--color-text-light:#585858;--color-text-dark:#000;--color-text-error:#ff4a4a;--color-text-lightgrey:#7c7c7f;--color-tab-regular:#fff;--color-tab-active:#e1e5ea;--color-tab-hover:#00838f;--color-tab-content:#eff2f5;--color-scroll-regular:#717171;--color-scroll-inactive:#ddd;--color-button-primary-active:#167782;--color-button-primary-hover:#00838f;--color-button-primary-clicked:#4fb3bf;--color-button-primary-disabled:hsla(0,0%,44%,.4);--color-button-secondary-active:#585858;--color-button-secondary-hover:#333;--color-button-secondary-clicked:#aeaeae;--color-button-secondary-disabled:hsla(0,0%,44%,.4);--color-button-group-active:#167782;--color-button-group-hover:#2e858f;--color-button-transparent-active:transparent;--color-button-text-primary:#fff;--color-button-text-secondary:#005662;--color-button-text-disabled:#7a7a7a;--color-dropdown-primary:#333;--color-dropdown-secondary:#fff;--color-dropdown-hover:#ddd;--color-dropdown-disabled:#7a7a7a;--color-tooltip-background:#fff;--color-tooltip-text:#333;--color-link-active:#00838f;--color-link-hover:#005662;--color-divider:#aeaeae;--color-spinner:#005662;--color-error:#ff4a4a;--color-input-text-default:#585858;--color-input-text-active:#333;--color-input-text-disabled:#585858;--color-input-text-error:#ff4a4a;--color-input-background-primary:#fff;--color-input-background-default:#eff2f5;--color-input-background-hover:#ddd;--color-input-background-disabled:#eff2f5;--color-input-border-regular:#cad3dd;--color-input-border-active:#fff;--color-input-border-hover:#43b5c0;--color-input-border-focus:#eff2f5;--color-input-border-error:#ff4a4a;--color-icon-grey:#b4b9d6;--color-icon-hover:#005662;--color-icon-active:#525252;--color-icon-activeMenu:#005662;--color-icon-clicked:#fff;--color-icon-disabled:rgba(82,82,82,.4);--color-monomer-default:#c8c8c8;--color-editMode-sequenceInRNABuilder:#99d7dc;--font-size-small:10px;--font-size-regular:12px;--font-size-medium:14px;--font-size-xsmall:6px;--font-family-montserrat:Montserrat,sans-serif;--font-family-inter:Inter,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-family-roboto:Roboto,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:600;--border-regular:1px solid #cad3dd;--border-small:1px solid #e1e5ea;--border-radius-regular:4px;--shadow-regular:0px 1px 1px hsla(204,9%,79%,.7);--shadow-mainLayoutBlocks:0px 2px 5px rgba(103,104,132,.15);--outline-small:1px solid #b4b9d6;--outline-medium:2px solid #b4b9d6;--outline-color:#b4b9d6;--outline-selected-color:#167782;--outline-selected-small:1px solid #167782;--outline-selected-medium:2px solid #167782;--outline-grey-small:1px solid #585858;--transition-regular:all 0.3s;--zindex-base:0;--zindex-toolbar:10;--zindex-sticky:100;--zindex-overlay:200;--zindex-modal:1000;--zindex-critical:9999}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/shared/modal/Modal.module.less","Modal.module.less"],"names":[],"mappings":"AAgBA,kCACI,2BCAJ","file":"index.css"}
+{"version":3,"sources":["src/components/shared/modal/Modal.module.less","Modal.module.less","src/components/Ruler/RulerArea.module.less","RulerArea.module.less","src/theme.less","theme.less"],"names":[],"mappings":"AAgBA,kCACI,2BCAJ,CCjBA,mCAIE,4BAAA,CADA,WAAA,CAFA,iBAAA,CACA,UCGF,CDEA,oCAKE,4BAAA,CACA,iBAAA,CAHA,WAAA,CAIA,WAAA,CANA,iBAAA,CAOA,iBAAA,CANA,KAAA,CAEA,UCIF,CDEE,0CAEE,gDAAA,CADA,cAAA,CAEA,YCAJ,CDGE,0CAGE,gDAAA,CAFA,WAAA,CAGA,YAAA,CAFA,YCCJ,CDIE,+EAEE,eAAA,CACA,YAAA,CAFA,wBAAA,CAAA,qBAAA,CAAA,gBCAJ,CDMA,oCACE,WAAA,CAGA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAFA,iBAAA,CADA,UCDF,CDOA,qCAIE,WAAA,CAHA,iBAAA,CACA,KAAA,CACA,UCJF,CDOE,2CACE,cCLJ,CDUE,uFACE,UAAA,CACA,aAAA,CAKA,wBAAA,CAFA,UAAA,CAFA,iBAAA,CACA,SAAA,CAEA,uBCNJ,CDWA,6JAGE,+CAAA,CADA,kBCRF,CDYA,+EACE,YCVF,CCjEA,MAEE,iCAAA,CACA,+BAAA,CACA,oCAAA,CACA,4CAAA,CAEA,8BAAA,CACA,gCAAA,CAEA,yBAAA,CACA,8BAAA,CACA,0BAAA,CACA,sBAAA,CACA,0BAAA,CACA,8BAAA,CAEA,wBAAA,CACA,0BAAA,CACA,yBAAA,CACA,2BAAA,CAEA,8BAAA,CACA,4BAAA,CAEA,qCAAA,CACA,oCAAA,CACA,sCAAA,CACA,iDAAA,CAEA,uCAAA,CACA,mCAAA,CACA,wCAAA,CACA,mDAAA,CAEA,mCAAA,CACA,kCAAA,CAEA,6CAAA,CAEA,gCAAA,CACA,qCAAA,CACA,oCAAA,CAEA,6BAAA,CACA,+BAAA,CACA,2BAAA,CACA,iCAAA,CAEA,+BAAA,CACA,yBAAA,CAEA,2BAAA,CACA,0BAAA,CAEA,uBAAA,CACA,uBAAA,CACA,qBAAA,CAEA,kCAAA,CACA,8BAAA,CACA,mCAAA,CACA,gCAAA,CAEA,qCAAA,CACA,wCAAA,CACA,mCAAA,CACA,yCAAA,CAEA,oCAAA,CACA,gCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CAEA,yBAAA,CACA,0BAAA,CACA,2BAAA,CACA,+BAAA,CACA,yBAAA,CACA,uCAAA,CAEA,+BAAA,CACA,6CAAA,CAGA,sBAAA,CACA,wBAAA,CACA,uBAAA,CACA,sBAAA,CAEA,8CAAA,CACA,iGAAA,CACA,mGAAA,CAEA,uBAAA,CACA,yBAAA,CACA,sBAAA,CAGA,kCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,2DAAA,CAGA,iCAAA,CACA,kCAAA,CACA,uBAAA,CAEA,gCAAA,CACA,0CAAA,CACA,2CAAA,CAEA,sCAAA,CAGA,6BAAA,CAGA,eAAA,CACA,mBAAA,CACA,mBAAA,CACA,oBAAA,CACA,mBAAA,CACA,sBClCF","file":"index.css"}