ketcher-react 2.24.0 → 2.25.0-rc.2

package/dist/components/Icon/utils/iconNameToIcon.d.ts

@@ -130,6 +130,7 @@ export declare const iconNameToIcon: {
     readonly 'reaction-arrow-filled-bow': ReactComponent;
     readonly 'reaction-arrow-dashed-open-angle': ReactComponent;
     readonly 'reaction-arrow-failed': ReactComponent;
+    readonly 'reaction-arrow-retrosynthetic': ReactComponent;
     readonly 'reaction-arrow-both-ends-filled-triangle': ReactComponent;
     readonly 'reaction-arrow-equilibrium-filled-half-bow': ReactComponent;
     readonly 'reaction-arrow-equilibrium-filled-triangle': ReactComponent;
@@ -138,6 +139,7 @@ export declare const iconNameToIcon: {
     readonly 'reaction-arrow-unbalanced-equilibrium-open-half-angle': ReactComponent;
     readonly 'reaction-arrow-unbalanced-equilibrium-large-filled-half-bow': ReactComponent;
     readonly 'reaction-arrow-unbalanced-equilibrium-filled-half-triangle': ReactComponent;
+    readonly "reaction-arrow-multitail": ReactComponent;
     readonly 'reaction-automap': ReactComponent;
     readonly 'reaction-map': ReactComponent;
     readonly 'reaction-plus': ReactComponent;

package/dist/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.d.ts

@@ -0,0 +1,9 @@
+import { AmbiguousMonomerPreviewState } from './types';
+interface Props {
+    className?: string;
+    preview: AmbiguousMonomerPreviewState;
+}
+export declare const AmbiguousMonomerPreview: import("@emotion/styled").StyledComponent<Props & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export {};

package/dist/components/MonomerPreview/AmbiguousMonomerPreview/AmbiguousMonomerPreview.styles.d.ts

@@ -0,0 +1,29 @@
+/// <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>, {}>;
+export declare const Header: 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 Content: 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 ContentLine: 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 RatioBarProps {
+    ratio: number;
+}
+export declare const RatioBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & RatioBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/components/MonomerPreview/AmbiguousMonomerPreview/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AmbiguousMonomerPreview';
+export * from './AmbiguousMonomerPreview.styles';
+export * from './types';

package/dist/components/MonomerPreview/AmbiguousMonomerPreview/types.d.ts

@@ -0,0 +1,46 @@
+import { AmbiguousMonomerType, AttachmentPointsToBonds, IKetIdtAliases, MonomerItemType, PolymerBond } from 'ketcher-core';
+export declare enum PreviewType {
+    Monomer = "monomer",
+    Preset = "preset",
+    Bond = "bond",
+    AmbiguousMonomer = "ambiguousMonomer"
+}
+export interface PreviewStyle {
+    readonly top?: string;
+    readonly left?: string;
+    readonly right?: string;
+    readonly transform?: string;
+}
+interface BasePreviewState {
+    readonly type: PreviewType;
+    readonly style?: PreviewStyle;
+}
+export interface MonomerPreviewState extends BasePreviewState {
+    readonly type: PreviewType.Monomer;
+    readonly monomer: MonomerItemType | undefined;
+    readonly attachmentPointsToBonds?: AttachmentPointsToBonds;
+}
+export declare enum PresetPosition {
+    Library = "library",
+    ChainStart = "chainStart",
+    ChainMiddle = "chainMiddle",
+    ChainEnd = "chainEnd"
+}
+export interface PresetPreviewState extends BasePreviewState {
+    readonly type: PreviewType.Preset;
+    readonly monomers: ReadonlyArray<MonomerItemType | undefined>;
+    readonly position: PresetPosition;
+    readonly name?: string;
+    readonly idtAliases?: IKetIdtAliases;
+}
+export interface BondPreviewState extends BasePreviewState {
+    readonly type: PreviewType.Bond;
+    readonly polymerBond: PolymerBond;
+}
+export interface AmbiguousMonomerPreviewState extends BasePreviewState {
+    readonly type: PreviewType.AmbiguousMonomer;
+    readonly monomer: AmbiguousMonomerType;
+    readonly presetMonomers?: ReadonlyArray<MonomerItemType | undefined>;
+}
+export declare type EditorStatePreview = MonomerPreviewState | PresetPreviewState | BondPreviewState | AmbiguousMonomerPreviewState;
+export {};

package/dist/components/MonomerPreview/calculatePreviewPosition.d.ts

@@ -0,0 +1,28 @@
+/****************************************************************************
+ * 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 { AmbiguousMonomerType, PolymerBond } from 'ketcher-core';
+import { PreviewStyle } from './AmbiguousMonomerPreview/types';
+export declare const calculateMonomerPreviewTop: (target?: CalculatePreviewTopPayload) => string;
+export declare const calculateNucleoElementPreviewTop: (target?: CalculatePreviewTopPayload) => string;
+declare type CalculatePreviewTopPayload = {
+    left: number;
+    top: number;
+    bottom: number;
+};
+export declare const calculateAmbiguousMonomerPreviewTop: (monomer: AmbiguousMonomerType) => (target?: CalculatePreviewTopPayload) => string;
+export declare function calculateAmbiguousMonomerPreviewLeft(initialLeft: number): number;
+export declare const calculateBondPreviewPosition: (bond: PolymerBond, bondCoordinates: DOMRect) => PreviewStyle;
+export {};

package/dist/components/MonomerPreview/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const preview: {
+    readonly width: 345;
+    readonly height: 345;
+    readonly gap: 5;
+    readonly topPadding: 16;
+    readonly heightForNucleotide: 105;
+    readonly widthForBond: 358;
+    readonly heightForBond: 268;
+};

package/dist/components/MonomerPreview/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AmbiguousMonomerPreview';
+export * from './calculatePreviewPosition';
+export * from './constants';

package/dist/components/StructRender/StructRender.d.ts

@@ -14,5 +14,5 @@
  * limitations under the License.
  ***************************************************************************/
 import { IStructRenderProps } from './types';
-declare const StructRender: ({ struct, options, className, update, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const StructRender: ({ struct, options, className, fullsize, update, }: IStructRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default StructRender;

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

@@ -17,4 +17,6 @@
 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;
+} & {
+    fullsize?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/StructRender/types.d.ts

@@ -24,5 +24,6 @@ export interface IStructRenderProps {
     options?: (RenderOptions & CasheOptions) | CasheOptions;
     className?: string;
     update?: boolean;
+    fullsize?: boolean;
 }
 export {};

package/dist/components/index.d.ts

@@ -20,3 +20,4 @@ export * from './Input';
 export * from './Accordion';
 export * from './InfoModal';
 export * from './Dialog';
+export * from './MonomerPreview';