ketcher-macromolecules 2.24.0 → 2.25.0-rc.2

package/dist/components/SequenceTypeGroupButton/SequenceTypeGroupButton.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 declare const SequenceTypeGroupButton: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/{shared/MonomerPreview/types.d.ts → SequenceTypeGroupButton/index.d.ts}

@@ -13,7 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export interface IPreviewProps {
-    className?: string;
-    unresolvedMonomer?: boolean;
-}
+export * from './SequenceTypeGroupButton';

package/dist/components/ZoomControls/helpers.d.ts

@@ -1,4 +1,7 @@
 export declare const shortcuts: {
+    RNASequenceType: string;
+    DNASequenceType: string;
+    PEPTIDESequenceTYpe: string;
     exit: string;
     undo: string;
     redo: string;

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

@@ -1,5 +1,5 @@
 import { ItemParams } from 'react-contexify';
-import { BaseSequenceItemRenderer, PolymerBondRenderer } from 'ketcher-core';
+import { BaseSequenceItemRenderer, DeprecatedFlexModeOrSnakeModePolymerBondRenderer } from 'ketcher-core';
 import { CONTEXT_MENU_ID } from "./types";
 interface MenuItem {
     name: string;
@@ -8,8 +8,8 @@ interface MenuItem {
     disabled?: boolean;
     hidden?: ({ props, }: {
         props?: {
+            polymerBondRenderer?: DeprecatedFlexModeOrSnakeModePolymerBondRenderer;
             sequenceItemRenderer?: BaseSequenceItemRenderer;
-            polymerBondRenderer?: PolymerBondRenderer;
         };
     }) => boolean;
     isMenuTitle?: boolean;

package/dist/components/menu/Menu.d.ts

@@ -20,7 +20,7 @@ declare const Menu: {
     ({ children, onItemClick, activeMenuItems, testId, isHorizontal, }: React.PropsWithChildren<MenuProps>): import("@emotion/react/jsx-runtime").JSX.Element;
     Group: ({ children, divider, isHorizontal, }: React.PropsWithChildren<GroupProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
     Item: ({ itemId, title, disabled, testId, onClick, }: {
-        itemId: "α" | "β" | "γ" | "δ" | "ε" | "ζ" | "η" | "θ" | "ι" | "κ" | "λ" | "μ" | "ν" | "ξ" | "ο" | "π" | "ρ" | "σ" | "τ" | "υ" | "φ" | "χ" | "ψ" | "ω" | "Å" | "°" | "ħ" | "±" | "‰" | "√" | "←" | "→" | "←/" | "/→" | "↔" | "∏" | "∑" | "∞" | "∂" | "∆" | "∫" | "≈" | "=/" | "≤" | "≥" | "℉" | "℃" | "about" | "analyse" | "any-atom" | "arom" | "arrow-upward" | "bond-any" | "bond-aromatic" | "bond-crossed" | "bond-hydrogen" | "bond-dative" | "bond-double" | "bond-doublearomatic" | "bond-down" | "bond-single" | "bond-singlearomatic" | "bond-singledouble" | "bond-triple" | "bond-up" | "bond-updown" | "capital-t" | "chain" | "charge-minus" | "charge-plus" | "check" | "check-mark" | "chiral-flag" | "cip" | "clean" | "copies" | "copy" | "copy-image" | "copy-mol" | "copy-ket" | "cut" | "dearom" | "delete" | "dropdown" | "enhanced-stereo" | "edit" | "elements-group" | "extended-table" | "erase" | "file-thumbnail" | "fullscreen-enter" | "fullscreen-exit" | "generic-groups" | "hand" | "compressedhand" | "help" | "history" | "image-frame" | "layout" | "logo" | "miew" | "macromolecules-mode" | "molecules-mode" | "clear" | "open" | "paste" | "period-table" | "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-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-automap" | "reaction-map" | "reaction-plus" | "reaction-unmap" | "recognize" | "redo" | "rgroup-attpoints" | "rgroup-fragment" | "rgroup-label" | "save" | "search" | "select-fragment" | "select-lasso" | "select-rectangle" | "settings" | "sgroup" | "template-0" | "template-1" | "template-2" | "template-3" | "template-4" | "template-5" | "template-6" | "template-7" | "template-dialog" | "template-lib" | "snake-mode" | "text" | "images" | "text-bold" | "text-italic" | "text-subscript" | "text-superscript" | "transform-flip-h" | "transform-flip-v" | "undo" | "zoom-in" | "zoom-out" | "zoom-reset" | "shape-ellipse" | "shape-rectangle" | "shape-polyline" | "shape-line" | "not-found" | "save-1" | "open-1" | "reset" | "close" | "general" | "general-white" | "stereo" | "stereo-white" | "atoms" | "atoms-white" | "bonds" | "bonds-white" | "server" | "server-white" | "3dviewer" | "3dviewer-white" | "debugging" | "debugging-white" | "dropdown-indicator" | "text-special-symbols" | "chevron" | "open-window-paste-icon" | "open-window-upload-icon" | "bracket" | "error" | "rap-left-link" | "rap-middle-link" | "rap-right-link" | "arrows-left" | "arrows-right" | "sugar" | "base" | "phosphate" | "preset" | "nucleotide" | "edit-filled" | "vertical-dots" | "expand" | "minimize-expansion" | "explicit-hydrogens" | "flex-layout-mode" | "snake-layout-mode" | "sequence-layout-mode" | "questionMark";
+        itemId: "α" | "β" | "γ" | "δ" | "ε" | "ζ" | "η" | "θ" | "ι" | "κ" | "λ" | "μ" | "ν" | "ξ" | "ο" | "π" | "ρ" | "σ" | "τ" | "υ" | "φ" | "χ" | "ψ" | "ω" | "Å" | "°" | "ħ" | "±" | "‰" | "√" | "←" | "→" | "←/" | "/→" | "↔" | "∏" | "∑" | "∞" | "∂" | "∆" | "∫" | "≈" | "=/" | "≤" | "≥" | "℉" | "℃" | "about" | "analyse" | "any-atom" | "arom" | "arrow-upward" | "bond-any" | "bond-aromatic" | "bond-crossed" | "bond-hydrogen" | "bond-dative" | "bond-double" | "bond-doublearomatic" | "bond-down" | "bond-single" | "bond-singlearomatic" | "bond-singledouble" | "bond-triple" | "bond-up" | "bond-updown" | "capital-t" | "chain" | "charge-minus" | "charge-plus" | "check" | "check-mark" | "chiral-flag" | "cip" | "clean" | "copies" | "copy" | "copy-image" | "copy-mol" | "copy-ket" | "cut" | "dearom" | "delete" | "dropdown" | "enhanced-stereo" | "edit" | "elements-group" | "extended-table" | "erase" | "file-thumbnail" | "fullscreen-enter" | "fullscreen-exit" | "generic-groups" | "hand" | "compressedhand" | "help" | "history" | "image-frame" | "layout" | "logo" | "miew" | "macromolecules-mode" | "molecules-mode" | "clear" | "open" | "paste" | "period-table" | "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-arrow-open-angle" | "reaction-arrow-filled-triangle" | "reaction-arrow-filled-bow" | "reaction-arrow-dashed-open-angle" | "reaction-arrow-failed" | "reaction-arrow-retrosynthetic" | "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-multitail" | "reaction-automap" | "reaction-map" | "reaction-plus" | "reaction-unmap" | "recognize" | "redo" | "rgroup-attpoints" | "rgroup-fragment" | "rgroup-label" | "save" | "search" | "select-fragment" | "select-lasso" | "select-rectangle" | "settings" | "sgroup" | "template-0" | "template-1" | "template-2" | "template-3" | "template-4" | "template-5" | "template-6" | "template-7" | "template-dialog" | "template-lib" | "snake-mode" | "text" | "images" | "text-bold" | "text-italic" | "text-subscript" | "text-superscript" | "transform-flip-h" | "transform-flip-v" | "undo" | "zoom-in" | "zoom-out" | "zoom-reset" | "shape-ellipse" | "shape-rectangle" | "shape-polyline" | "shape-line" | "not-found" | "save-1" | "open-1" | "reset" | "close" | "general" | "general-white" | "stereo" | "stereo-white" | "atoms" | "atoms-white" | "bonds" | "bonds-white" | "server" | "server-white" | "3dviewer" | "3dviewer-white" | "debugging" | "debugging-white" | "dropdown-indicator" | "text-special-symbols" | "chevron" | "open-window-paste-icon" | "open-window-upload-icon" | "bracket" | "error" | "rap-left-link" | "rap-middle-link" | "rap-right-link" | "arrows-left" | "arrows-right" | "sugar" | "base" | "phosphate" | "preset" | "nucleotide" | "edit-filled" | "vertical-dots" | "expand" | "minimize-expansion" | "explicit-hydrogens" | "flex-layout-mode" | "snake-layout-mode" | "sequence-layout-mode" | "questionMark";
         title?: string | undefined;
         testId?: string | undefined;
         disabled?: boolean | undefined;

package/dist/components/modal/monomerConnection/MonomerConnections.d.ts

@@ -3,12 +3,6 @@ import { MonomerConnectionProps } from '../modalContainer/types';
 interface IStyledButtonProps {
     disabled: boolean;
 }
-interface IStyledStyledStructRender {
-    isExpanded?: boolean;
-}
-export declare const StyledStructRender: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/StructRender/types").IStructRenderProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & IStyledStyledStructRender, {}, {}>;
 export declare const ActionButtonLeft: import("@emotion/styled").StyledComponent<{
     label: string;
     clickHandler: () => void;

package/dist/components/modal/monomerConnection/styledComponents.d.ts

@@ -1,18 +1,7 @@
 /// <reference types="react" />
-export declare const AttachmentPointList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UnknownStructureContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface IStyledAttachmentPointNameProps {
     disabled?: boolean;
 }
-interface IStyledMonomerName {
-    isExpanded?: boolean;
-}
 export declare const AttachmentPoint: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -21,18 +10,6 @@ export declare const AttachmentPointName: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & IStyledAttachmentPointNameProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const MonomerName: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & IStyledMonomerName, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ConnectionSymbol: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AttachmentPointsRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ModalContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

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

@@ -6,6 +6,7 @@ export declare const Card: import("@emotion/styled").StyledComponent<{
     code?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
+    isVariantMonomer?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -2,8 +2,6 @@
 export declare const ItemsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    useLeftMargin?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const GroupContainerRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/monomerLibrary/monomerLibraryGroup/types.d.ts

@@ -14,10 +14,10 @@
  * limitations under the License.
  ***************************************************************************/
 import { LibraryNameType } from '../../../constants';
-import { MonomerGroups, MonomerItemType } from 'ketcher-core';
+import { MonomerGroups, MonomerOrAmbiguousType } from 'ketcher-core';
 export interface IMonomerGroupProps {
-    items: MonomerItemType[];
-    onItemClick?: (item: MonomerItemType) => void;
+    items: MonomerOrAmbiguousType[];
+    onItemClick?: (item: MonomerOrAmbiguousType) => void;
     title?: string;
     groupName?: MonomerGroups;
     libraryName?: LibraryNameType;

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

@@ -6,4 +6,16 @@ export declare const Card: import("@emotion/styled").StyledComponent<{
     code?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
+    isVariantMonomer?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NumberCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    selected?: boolean | undefined;
+    monomersAmount: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/monomerLibrary/monomerLibraryItem/types.d.ts

@@ -14,9 +14,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { MonomerGroups, MonomerItemType } from 'ketcher-core';
+import { MonomerGroups, MonomerOrAmbiguousType } from 'ketcher-core';
 export interface IMonomerItemProps {
-    item: MonomerItemType;
+    item: MonomerOrAmbiguousType;
     groupName?: MonomerGroups;
     disabled?: boolean;
     isSelected?: boolean;

package/dist/components/preview/components/AttachmentPoints/AttachmentPoints.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PreparedAttachmentPointData } from '../../hooks/useAttachmentPoints';
+declare type Props = {
+    preparedAttachmentPointsData: PreparedAttachmentPointData[];
+};
+declare const AttachmentPoints: import("react").MemoExoticComponent<({ preparedAttachmentPointsData }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
+export default AttachmentPoints;

package/dist/components/preview/components/BondAttachmentPoints/BondAttachmentPoints.d.ts

@@ -0,0 +1,7 @@
+import { PreparedAttachmentPointData } from "../../hooks/useAttachmentPoints";
+interface Props {
+    attachmentPoints: PreparedAttachmentPointData[];
+    attachmentPointInBond: string | undefined;
+}
+declare const BondAttachmentPoints: ({ attachmentPoints, attachmentPointInBond, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BondAttachmentPoints;

package/dist/components/preview/components/BondAttachmentPoints/BondAttachmentPoints.styles.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+interface AttachmentPointProps {
+    connected: boolean;
+    inBond: boolean;
+}
+export declare const AttachmentPoint: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & AttachmentPointProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface AttachmentPointNameProps {
+    connected?: boolean;
+}
+export declare const AttachmentPointName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & AttachmentPointNameProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+interface LeavingGroupProps {
+    inBond: boolean;
+}
+export declare const LeavingGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & LeavingGroupProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export {};

package/dist/components/preview/components/BondPreview/BondPreview.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    className?: string;
+}
+declare const StyledPreview: import("@emotion/styled").StyledComponent<Props & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default StyledPreview;

package/dist/components/preview/components/BondPreview/BondPreview.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/preview/components/IDTAliases/IDTAliases.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IDTAliasesProps {
+    readonly idtAliasesText: string;
+    readonly preset?: boolean;
+}
+declare const IDTAliases: import("react").MemoExoticComponent<({ idtAliasesText, preset }: IDTAliasesProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default IDTAliases;

package/dist/components/{shared/MonomerPreview/index.d.ts → preview/components/MonomerPreview/MonomerPreview.d.ts}

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { IPreviewProps } from './types';
-declare const MonomerPreview: ({ className }: IPreviewProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-declare const StyledPreview: import("@emotion/styled").StyledComponent<IPreviewProps & {
+interface Props {
+    className?: string;
+}
+declare const MonomerPreview: ({ className }: Props) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const StyledPreview: import("@emotion/styled").StyledComponent<Props & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default StyledPreview;

package/dist/components/{shared/PresetPreview/index.d.ts → preview/components/PresetPreview/PresetPreview.d.ts}

@@ -1,5 +1,7 @@
-import { IPreviewProps } from '../MonomerPreview/types';
-declare const PresetStyledPreview: import("@emotion/styled").StyledComponent<IPreviewProps & {
+interface Props {
+    className?: string;
+}
+declare const PresetStyledPreview: import("@emotion/styled").StyledComponent<Props & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default PresetStyledPreview;

package/dist/components/preview/hooks/useAttachmentPoints.d.ts

@@ -0,0 +1,16 @@
+import { AttachmentPointName, AttachmentPointsToBonds, LeavingGroup } from 'ketcher-core';
+declare type Props = {
+    monomerCaps: Partial<Record<AttachmentPointName, string>> | undefined;
+    attachmentPointsToBonds: AttachmentPointsToBonds | undefined;
+};
+export declare type PreparedAttachmentPointData = {
+    id: string;
+    label: LeavingGroup;
+    connected: boolean;
+};
+declare type ReturnType = {
+    preparedAttachmentPointsData: PreparedAttachmentPointData[];
+    connectedAttachmentPoints: string[];
+};
+export declare const useAttachmentPoints: ({ monomerCaps, attachmentPointsToBonds, }: Props) => ReturnType;
+export {};

package/dist/{hooks → components/preview/hooks}/useIDTAliasesTextForMonomer.d.ts

@@ -1,8 +1,8 @@
-import { AttachmentPointName, IKetIdtAliases, KetMonomerClass, PolymerBond } from 'ketcher-core';
+import { AttachmentPointsToBonds, IKetIdtAliases, KetMonomerClass } from 'ketcher-core';
 declare type Props = {
     idtAliases: IKetIdtAliases | undefined;
-    attachmentPointsToBonds?: Record<AttachmentPointName, PolymerBond | null>;
-    monomerClass: KetMonomerClass;
+    attachmentPointsToBonds: AttachmentPointsToBonds | undefined;
+    monomerClass: KetMonomerClass | undefined;
 };
 declare const useIDTAliasesTextForMonomer: ({ idtAliases, attachmentPointsToBonds, monomerClass, }: Props) => string | null | undefined;
 export default useIDTAliasesTextForMonomer;

package/dist/{hooks → components/preview/hooks}/useIDTAliasesTextForPreset.d.ts

@@ -1,5 +1,5 @@
 import { IKetIdtAliases } from 'ketcher-core';
-import { PresetPosition } from "../state/common";
+import { PresetPosition } from "../../../state";
 declare type Props = {
     presetName: string | undefined;
     position: PresetPosition;

package/dist/components/shared/ConnectionOverview/ConnectionOverview.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BaseMonomer } from 'ketcher-core';
+interface Props {
+    firstMonomer: BaseMonomer;
+    secondMonomer: BaseMonomer;
+    expanded?: boolean;
+    firstMonomerOverview: ReactNode;
+    secondMonomerOverview: ReactNode;
+}
+declare const ConnectionOverview: ({ firstMonomer, secondMonomer, expanded, firstMonomerOverview, secondMonomerOverview, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ConnectionOverview;

package/dist/components/shared/ConnectionOverview/ConnectionOverview.styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface IStyledMonomerName {
+    isExpanded?: boolean;
+}
+export declare const MonomerName: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & IStyledMonomerName, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ConnectionSymbol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AttachmentPointsRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/components/shared/ConnectionOverview/components/MonomerMiniature/MonomerMiniature.d.ts

@@ -0,0 +1,10 @@
+import { BaseMonomer, UsageInMacromolecule } from 'ketcher-core';
+interface Props {
+    monomer: BaseMonomer;
+    usage: UsageInMacromolecule;
+    connectedAttachmentPoints?: string[];
+    selectedAttachmentPoint?: string | null;
+    expanded?: boolean;
+}
+declare const MonomerMiniature: ({ monomer, expanded, selectedAttachmentPoint, connectedAttachmentPoints, usage, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default MonomerMiniature;

package/dist/components/shared/ConnectionOverview/components/MonomerMiniature/MonomerMiniature.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    expanded?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/shared/ConnectionOverview/components/MonomerOverview/MonomerOverview.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { BaseMonomer, UsageInMacromolecule } from 'ketcher-core';
+interface Props {
+    monomer: BaseMonomer;
+    attachmentPoints: ReactNode;
+    usage: UsageInMacromolecule;
+    connectedAttachmentPoints?: string[];
+    selectedAttachmentPoint?: string | null;
+    needCache?: boolean;
+    update?: boolean;
+    expanded?: boolean;
+}
+declare const MonomerOverview: ({ monomer, attachmentPoints, connectedAttachmentPoints, selectedAttachmentPoint, usage, needCache, update, expanded, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default MonomerOverview;

package/dist/components/shared/ConnectionOverview/components/MonomerOverview/MonomerOverview.styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface IStyledStyledStructRender {
+    isExpanded?: boolean;
+}
+export declare const StyledStructRender: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/StructRender/types").IStructRenderProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & IStyledStyledStructRender, {}, {}>;
+export declare const AttachmentPointList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/constants.d.ts

@@ -14,23 +14,19 @@
  * limitations under the License.
  ***************************************************************************/
 export declare const MONOMER_LIBRARY_FAVORITES = "FAVORITES";
+export declare const MONOMER_LIBRARY_PEPTIDES = "PEPTIDE";
 export declare const MONOMER_TYPES: {
     readonly PEPTIDE: "PEPTIDE";
     readonly CHEM: "CHEM";
     readonly RNA: "RNA";
 };
 export declare type LibraryNameType = typeof MONOMER_LIBRARY_FAVORITES | keyof typeof MONOMER_TYPES;
-export declare const preview: {
-    readonly width: 345;
-    readonly height: 345;
-    readonly gap: 5;
-    readonly topPadding: 16;
-    readonly heightForNucleotide: 105;
-};
 export declare enum MonomerGroups {
     SUGARS = "Sugars",
     BASES = "Bases",
-    PHOSPHATES = "Phosphates"
+    PHOSPHATES = "Phosphates",
+    PEPTIDES = "Amino acids",
+    NUCLEOTIDES = "Nucleotides"
 }
 export declare enum MonomerGroupCodes {
     R = "R",
@@ -47,3 +43,5 @@ export declare const FAVORITE_ITEMS_UNIQUE_KEYS = "favoriteItemsUniqueKeys";
 export declare const CUSTOM_PRESETS = "ketcher_custom_presets";
 export declare const NoNaturalAnalogueGroupCode = "Z";
 export declare const NoNaturalAnalogueGroupTitle = "No natural analogue";
+export declare const DNA_TEMPLATE_NAME_PART = "thymine";
+export declare const RNA_TEMPLATE_NAME_PART = "uracil";

package/dist/helpers/getConnectedAttachmentPoints.d.ts

@@ -0,0 +1,2 @@
+import { AttachmentPointsToBonds } from 'ketcher-core';
+export declare const getConnectedAttachmentPoints: (bonds: AttachmentPointsToBonds) => string[];

package/dist/helpers/getMonomerName.d.ts

@@ -0,0 +1,3 @@
+import { BaseMonomer } from 'ketcher-core';
+declare const getMonomerName: (monomer: BaseMonomer) => string;
+export default getMonomerName;

package/dist/helpers/hydrateLeavingGroup.d.ts

@@ -1,2 +1,3 @@
-declare const hydrateLeavingGroup: (leavingGroup: string) => string;
+import { LeavingGroup } from 'ketcher-core';
+declare const hydrateLeavingGroup: (leavingGroup: LeavingGroup) => "OH" | "H";
 export default hydrateLeavingGroup;

package/dist/helpers/index.d.ts

@@ -15,5 +15,5 @@
  ***************************************************************************/
 export {};
 export * from './emptyFunction';
-export * from './calculatePreviewTop';
 export * from './getPreset';
+export * from './getConnectedAttachmentPoints';

package/dist/helpers/rnaValidations.d.ts

@@ -1,5 +1,5 @@
 import { IRnaPreset } from "../components/monomerLibrary/RnaBuilder/types";
-export declare const getValidations: (newPreset: IRnaPreset) => {
+export declare const getValidations: (newPreset: IRnaPreset, isEditMode: boolean) => {
     sugarValidations: string[];
     phosphateValidations: string[];
     baseValidations: string[];