ketcher-macromolecules 3.2.0-rc.5 → 3.3.0-rc.2

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

@@ -13,6 +13,8 @@ export declare const shortcuts: {
     'select-all': string;
     hand: string;
     'hide-scrollbars': string;
+    createRnaAntisenseStrand: string;
+    createDnaAntisenseStrand: string;
 };
 export declare const getIntegerFromString: (zoomInput: string | undefined) => number;
 export declare const getValidZoom: (zoom: number, currentZoom: number) => number;

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

@@ -1,3 +1,6 @@
 import { AmbiguousMonomer, BaseMonomer } from 'ketcher-core';
 export declare const isSenseBase: (monomer: BaseMonomer | AmbiguousMonomer) => boolean;
 export declare const isAntisenseCreationDisabled: (selectedMonomers: BaseMonomer[]) => boolean;
+export declare const hasOnlyDeoxyriboseSugars: (selectedMonomers: BaseMonomer[]) => boolean;
+export declare const hasOnlyRiboseSugars: (selectedMonomers: BaseMonomer[]) => boolean;
+export declare const isAntisenseOptionVisible: (selectedMonomers: BaseMonomer[]) => boolean;

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

@@ -5,13 +5,16 @@ declare type SequenceItemContextMenuType = {
 };
 export declare enum SequenceItemContextMenuNames {
     title = "sequence_menu_title",
-    createRnaAntisenseStrand = "create_rna_antisense_strand",
-    createDnaAntisenseStrand = "create_dna_antisense_strand",
+    createRnaAntisenseStrand = "create_antisense_rna_chain",
+    createDnaAntisenseStrand = "create_antisense_dna_chain",
     modifyInRnaBuilder = "modify_in_rna_builder",
     establishHydrogenBond = "establish_hydrogen_bond",
     deleteHydrogenBond = "delete_hydrogen_bond",
     editSequence = "edit_sequence",
-    startNewSequence = "start_new_sequence"
+    startNewSequence = "start_new_sequence",
+    copy = "copy",
+    paste = "paste",
+    delete = "delete"
 }
 export declare const SequenceItemContextMenu: ({ selections, }: SequenceItemContextMenuType) => import("react").ReactPortal | null;
 export {};

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

@@ -19,19 +19,22 @@ import { GroupProps, MenuProps } from './types';
 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" | "bonds" | "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" | "arrows" | "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-mapping-tools" | "reaction-map" | "reaction-plus" | "reaction-unmap" | "recognize" | "redo" | "rgroup" | "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" | "shapes" | "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" | "bond-common" | "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" | "no-highlight-cross";
+    Item: ({ itemId, title, disabled, testId, onClick, type, }: {
+        itemId: "α" | "β" | "γ" | "δ" | "ε" | "ζ" | "η" | "θ" | "ι" | "κ" | "λ" | "μ" | "ν" | "ξ" | "ο" | "π" | "ρ" | "σ" | "τ" | "υ" | "φ" | "χ" | "ψ" | "ω" | "Å" | "°" | "ħ" | "±" | "‰" | "√" | "←" | "→" | "←/" | "/→" | "↔" | "∏" | "∑" | "∞" | "∂" | "∆" | "∫" | "≈" | "=/" | "≤" | "≥" | "℉" | "℃" | "about" | "analyse" | "any-atom" | "arom" | "arrow-upward" | "bonds" | "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" | "arrows" | "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-mapping-tools" | "reaction-map" | "reaction-plus" | "reaction-unmap" | "recognize" | "redo" | "rgroup" | "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" | "shapes" | "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" | "bond-common" | "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" | "no-highlight-cross" | "arrowsUpDown" | "plus" | "antisenseStrand" | "antisenseRnaStrand" | "antisenseDnaStrand";
         title?: string | undefined;
         testId?: string | undefined;
         disabled?: boolean | undefined;
         onClick?: (() => void) | undefined;
+        type?: "icon-button" | "button" | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Submenu: ({ children, vertical, disabled, needOpenByMenuItemClick, testId, layoutModeButton, }: React.PropsWithChildren<{
+    Submenu: ({ children, vertical, disabled, needOpenByMenuItemClick, testId, layoutModeButton, generalTitle, activeItem, }: React.PropsWithChildren<{
         vertical?: boolean | undefined;
         disabled?: boolean | undefined;
         needOpenByMenuItemClick?: boolean | undefined;
         testId?: string | undefined;
         layoutModeButton?: boolean | undefined;
+        generalTitle?: string | undefined;
+        activeItem?: "α" | "β" | "γ" | "δ" | "ε" | "ζ" | "η" | "θ" | "ι" | "κ" | "λ" | "μ" | "ν" | "ξ" | "ο" | "π" | "ρ" | "σ" | "τ" | "υ" | "φ" | "χ" | "ψ" | "ω" | "Å" | "°" | "ħ" | "±" | "‰" | "√" | "←" | "→" | "←/" | "/→" | "↔" | "∏" | "∑" | "∞" | "∂" | "∆" | "∫" | "≈" | "=/" | "≤" | "≥" | "℉" | "℃" | "about" | "analyse" | "any-atom" | "arom" | "arrow-upward" | "bonds" | "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" | "arrows" | "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-mapping-tools" | "reaction-map" | "reaction-plus" | "reaction-unmap" | "recognize" | "redo" | "rgroup" | "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" | "shapes" | "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" | "bond-common" | "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" | "no-highlight-cross" | "arrowsUpDown" | "plus" | "antisenseStrand" | "antisenseRnaStrand" | "antisenseDnaStrand" | undefined;
     }>) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export { Menu, MenuContext };

package/dist/components/menu/menuItem/MenuItem.d.ts

@@ -20,6 +20,7 @@ declare type MenuItemProp = {
     testId?: string;
     disabled?: boolean;
     onClick?: () => void;
+    type?: 'icon-button' | 'button';
 };
-declare const MenuItem: ({ itemId, title, disabled, testId, onClick, }: MenuItemProp) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ itemId, title, disabled, testId, onClick, type, }: MenuItemProp) => import("@emotion/react/jsx-runtime").JSX.Element;
 export { MenuItem };

package/dist/components/menu/subMenu/SubMenu.d.ts

@@ -14,12 +14,15 @@
  * limitations under the License.
  ***************************************************************************/
 import React from 'react';
+import { IconName } from 'ketcher-react';
 declare type SubMenuProps = {
     vertical?: boolean;
     disabled?: boolean;
     needOpenByMenuItemClick?: boolean;
     testId?: string;
     layoutModeButton?: boolean;
+    generalTitle?: string;
+    activeItem?: IconName;
 };
-declare const SubMenu: ({ children, vertical, disabled, needOpenByMenuItemClick, testId, layoutModeButton, }: React.PropsWithChildren<SubMenuProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const SubMenu: ({ children, vertical, disabled, needOpenByMenuItemClick, testId, layoutModeButton, generalTitle, activeItem, }: React.PropsWithChildren<SubMenuProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export { SubMenu };

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

@@ -1,2 +1,20 @@
-declare const MonomerLibrary: () => import("@emotion/react/jsx-runtime").JSX.Element;
+/****************************************************************************
+ * 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 Props = {
+    toggleLibraryVisibility: VoidFunction;
+};
+declare const MonomerLibrary: ({ toggleLibraryVisibility }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export { MonomerLibrary };

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

@@ -1,6 +1,5 @@
 interface Props {
-    isHidden: boolean;
     onClick: () => void;
 }
-declare const MonomerLibraryToggle: ({ isHidden, onClick }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const MonomerLibraryToggle: ({ onClick }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export { MonomerLibraryToggle };

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorCollapsed/RnaEditorCollapsed.d.ts

@@ -13,5 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
+/// <reference types="react" />
 import { IRnaEditorCollapsedProps } from './types';
-export declare const RnaEditorCollapsed: ({ name, fullName, }: IRnaEditorCollapsedProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ name, fullName }: IRnaEditorCollapsedProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
+export default _default;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorCollapsed/index.d.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export { RnaEditorCollapsed } from './RnaEditorCollapsed';
+export { default as RnaEditorCollapsed } from './RnaEditorCollapsed';

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorCollapsed/styles.d.ts

@@ -21,8 +21,6 @@ export declare const RnaEditorCollapsedContainer: import("@emotion/styled").Styl
 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;
-} & {
-    grey?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const TextContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/GroupBlock.d.ts

@@ -14,4 +14,4 @@
  * limitations under the License.
  ***************************************************************************/
 import { IGroupBlockProps } from './types';
-export declare const GroupBlock: ({ groupName, iconName, monomerName, selected, onClick, testid, }: IGroupBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GroupBlock: (props: IGroupBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/GroupBlockCompact.d.ts

@@ -0,0 +1,2 @@
+import { IGroupBlockProps } from './types';
+export declare const GroupBlockCompact: ({ groupName, iconName, monomerName, selected, onClick, testid, }: IGroupBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/monomerLibrary/RnaBuilder/{RnaAccordion/RnaAccordion.d.ts → RnaEditor/RnaEditorExpanded/GroupBlock/GroupBlockWide.d.ts}

@@ -13,8 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export declare const RnaAccordion: ({ libraryName, duplicatePreset, editPreset }: {
-    libraryName: any;
-    duplicatePreset: any;
-    editPreset: any;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { IGroupBlockProps } from './types';
+export declare const GroupBlockWide: ({ groupName, iconName, monomerName, selected, onClick, testid, }: IGroupBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/GroupIcon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconName } from 'ketcher-react';
+declare type Props = {
+    name: IconName;
+    selected: boolean | undefined;
+    empty: boolean;
+};
+declare const _default: import("react").MemoExoticComponent<({ selected, empty, name }: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/styles.d.ts

@@ -19,7 +19,6 @@ export declare const GroupBlockContainer: import("@emotion/styled").StyledCompon
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selected?: boolean | undefined;
-    empty?: boolean | undefined;
     isEditMode?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextContainer: import("@emotion/styled").StyledComponent<{
@@ -29,6 +28,8 @@ export declare const TextContainer: import("@emotion/styled").StyledComponent<{
 export declare const GroupName: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    selected?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const MonomerName: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -37,10 +38,31 @@ export declare const MonomerName: import("@emotion/styled").StyledComponent<{
     selected?: boolean | undefined;
     empty: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const GroupIconContainer: 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 GroupIcon: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/Icon/types").IIconProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     selected?: boolean | undefined;
     empty?: boolean | undefined;
-    name?: string | undefined;
 }, {}, {}>;
+export declare const CompactGroupBlockContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    selected?: boolean | undefined;
+    isEditMode?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompactGroupConnection: 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 CompactGroupText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    selected?: boolean | undefined;
+    empty?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/utils.d.ts

@@ -13,11 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export declare const groupNameToLabel: {
-    Sugars: string;
-    Bases: string;
-    Phosphates: string;
-};
 export declare const groupNameToRnaEditorItemLabel: {
     Sugars: string;
     Bases: string;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/styles.d.ts

@@ -18,9 +18,15 @@ export declare const RnaEditorExpandedContainer: import("@emotion/styled").Style
     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 CompactViewName: 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").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const GroupsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    compact?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -21,10 +21,7 @@ export declare const RnaEditorContainer: import("@emotion/styled").StyledCompone
 export declare const StyledHeader: 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 ExpandButton: import("@emotion/styled").StyledComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const ExpandIcon: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/Icon/types").IIconProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/RnaElements.d.ts

@@ -0,0 +1,10 @@
+import { LibraryNameType } from "../../../../constants";
+import { IRnaPreset } from 'ketcher-core';
+interface RnaUnifiedViewProps {
+    view: 'tabs' | 'accordion';
+    libraryName: LibraryNameType;
+    duplicatePreset: (preset?: IRnaPreset) => void;
+    editPreset: (preset: IRnaPreset) => void;
+}
+export declare const RnaElements: ({ view, libraryName, duplicatePreset, editPreset, }: RnaUnifiedViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/RnaElementsAccordionView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RnaElementsViewProps } from './types';
+import { IRnaPreset } from 'ketcher-core';
+declare type Props = RnaElementsViewProps & {
+    newPreset: IRnaPreset;
+};
+declare const _default: import("react").MemoExoticComponent<({ activeRnaBuilderItem, groupsData, newPreset, onNewPresetClick, onSelectItem, duplicatePreset, editPreset, libraryName, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/RnaElementsTabsView.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RnaElementsViewProps } from "./types";
+declare const _default: import("react").MemoExoticComponent<({ activeRnaBuilderItem, groupsData, onNewPresetClick, onSelectItem, duplicatePreset, editPreset, libraryName, }: RnaElementsViewProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/hooks/useGroupsData.d.ts

@@ -0,0 +1,16 @@
+import { LibraryNameType, MonomerGroups } from "../../../../../constants";
+import { RnaBuilderPresetsItem } from "../../../../../state/rna-builder";
+export declare const useGroupsData: (libraryName: LibraryNameType) => ({
+    groupName: RnaBuilderPresetsItem;
+    iconName: string;
+    groups: {
+        groupItems: (import("../../types").IRnaPreset & {
+            favorite: boolean;
+        })[];
+    }[];
+} | {
+    groupName: MonomerGroups;
+    iconName: string;
+    groups: import("../../../monomerLibraryList/types").Group[];
+})[];
+export declare type GroupsData = ReturnType<typeof useGroupsData>;

package/dist/components/{rna/RnaMonomerSection → monomerLibrary/RnaBuilder/RnaElementsView}/index.d.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export * from './RnaMonomerSection';
+export { RnaElements } from './RnaElements';

package/dist/components/monomerLibrary/RnaBuilder/{RnaAccordion → RnaElementsView}/styles.d.ts

@@ -28,6 +28,16 @@ export declare const StyledAccordionWrapper: import("@emotion/styled").StyledCom
 export declare const DetailsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    compact?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RnaTabContent: 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 CompactDetailsContainer: 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 StyledButton: import("@emotion/styled").StyledComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -36,3 +46,18 @@ export declare const DisabledArea: 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 RnaTabsContainer: 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 RnaTabWrapper: 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 RnaTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "label" | "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "value" | "wrapped"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    selected?: boolean | undefined;
+}, {}, {}>;

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/types.d.ts

@@ -0,0 +1,13 @@
+import { RnaBuilderItem } from "../../../../state/rna-builder";
+import { GroupsData } from './hooks/useGroupsData';
+import { LibraryNameType } from '../../../../constants';
+import { IRnaPreset } from 'ketcher-core';
+export declare type RnaElementsViewProps = {
+    activeRnaBuilderItem: RnaBuilderItem;
+    groupsData: GroupsData;
+    onSelectItem: (...args: any[]) => void;
+    onNewPresetClick: VoidFunction;
+    libraryName: LibraryNameType;
+    duplicatePreset: (preset?: IRnaPreset) => void;
+    editPreset: (preset: IRnaPreset) => void;
+};

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

@@ -1,3 +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.
+ ***************************************************************************/
+/// <reference types="react" />
 import { IRNAPresetItemProps } from './types';
-declare const RnaPresetItem: ({ preset, isSelected, onClick, onContextMenu, onMouseLeave, onMouseMove, }: IRNAPresetItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export { RnaPresetItem };
+declare const _default: import("react").MemoExoticComponent<({ preset, isSelected, onClick, onContextMenu, onMouseLeave, onMouseMove, }: IRNAPresetItemProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export * from './RnaPresetItem';
+export { default as RnaPresetItem } from './RnaPresetItem';

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

@@ -1,21 +1,24 @@
 /// <reference types="react" />
 export declare const MONOMER_LIBRARY_WIDTH = "254px";
-export declare const MonomerLibraryInput: import("@emotion/styled").StyledComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
 export declare const MonomerLibraryContainer: 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 MonomerLibraryTitle: 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<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const MonomerLibraryHeader: 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 MonomerLibrarySearch: import("@emotion/styled").StyledComponent<{
+export declare const MonomerLibraryInputContainer: 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 MonomerLibraryToggle: 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").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MonomerLibrarySearchIcon: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/Icon/types").IIconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const MonomerLibraryInput: import("@emotion/styled").StyledComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -1,28 +1,3 @@
-export declare const tabsContent: (duplicatePreset: any, editPreset: any) => ({
-    caption: string;
-    component: ({ onItemClick, libraryName, duplicatePreset, editPreset, }: import("./monomerLibraryList/types").IMonomerListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    testId: string;
-    props: {
-        libraryName: string;
-        duplicatePreset: any;
-        editPreset: any;
-    };
-} | {
-    caption: string;
-    component: ({ onItemClick, libraryName, duplicatePreset, editPreset, }: import("./monomerLibraryList/types").IMonomerListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    testId: string;
-    props: {
-        libraryName: "PEPTIDE";
-        duplicatePreset?: undefined;
-        editPreset?: undefined;
-    };
-} | {
-    caption: string;
-    component: ({ onItemClick, libraryName, duplicatePreset, editPreset, }: import("./monomerLibraryList/types").IMonomerListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    testId: string;
-    props: {
-        libraryName: "CHEM";
-        duplicatePreset?: undefined;
-        editPreset?: undefined;
-    };
-})[];
+import { IRnaPreset } from './RnaBuilder/types';
+import { TabsData } from "../shared/Tabs";
+export declare const tabsContent: (duplicatePreset: (preset?: IRnaPreset) => void, editPreset: (preset: IRnaPreset) => void) => TabsData;

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

@@ -1 +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 Preview: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/preview/components/PresetPreview/PresetPreview.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 PresetContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/shared/Tabs/TabPanel.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+declare type TabPanelProps = {
+    index: number;
+    value: number;
+    children: ReactNode;
+};
+declare const TabPanel: ({ children, value, index }: TabPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TabPanel;

package/dist/components/shared/Tabs/TabPanel.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const TabPanelDiv: 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 TabPanelBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -13,6 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { ReactElement } from 'react';
-declare function CustomTabs(props: any): ReactElement;
-export { CustomTabs as Tabs };
+/// <reference types="react" />
+import { TabsData } from './Tabs.types';
+declare type Props = {
+    tabs: TabsData;
+};
+declare const _default: import("react").MemoExoticComponent<(props: Props) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default _default;