ketcher-react 2.25.0 → 2.26.0-rc.2

package/dist/script/ui/action/server.d.ts

@@ -47,6 +47,7 @@ declare const config: {
     };
     check: {
         shortcut: string;
+        enabledInViewOnly: boolean;
         title: string;
         action: {
             dialog: string;
@@ -56,6 +57,7 @@ declare const config: {
     };
     analyse: {
         shortcut: string;
+        enabledInViewOnly: boolean;
         title: string;
         action: {
             dialog: string;
@@ -73,6 +75,7 @@ declare const config: {
     };
     miew: {
         title: string;
+        enabledInViewOnly: boolean;
         action: {
             dialog: string;
         };

package/dist/script/ui/action/tools.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     hand: {
         title: string;
+        enabledInViewOnly: boolean;
         shortcut: string;
         action: {
             tool: string;
@@ -9,6 +10,7 @@ declare const _default: {
     };
     'select-rectangle': {
         title: string;
+        enabledInViewOnly: boolean;
         shortcut: string[];
         action: {
             tool: string;
@@ -18,6 +20,7 @@ declare const _default: {
     };
     'select-lasso': {
         title: string;
+        enabledInViewOnly: boolean;
         shortcut: string[];
         action: {
             tool: string;

package/dist/script/ui/action/zoom.d.ts

@@ -2,6 +2,7 @@ export const zoomList: number[];
 declare const _default: {
     zoom: {
         shortcut: string[];
+        enabledInViewOnly: boolean;
         selected: (editor: any) => any;
         action: (editor: any) => void;
         hidden: (options: any) => boolean;
@@ -9,6 +10,7 @@ declare const _default: {
     'zoom-out': {
         shortcut: string[];
         title: string;
+        enabledInViewOnly: boolean;
         disabled: (editor: any) => boolean;
         action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
@@ -16,11 +18,13 @@ declare const _default: {
     'zoom-in': {
         shortcut: string[];
         title: string;
+        enabledInViewOnly: boolean;
         disabled: (editor: any) => boolean;
         action: (event: any) => (editor: any) => void;
         hidden: (options: any) => boolean;
     };
     'zoom-list': {
+        enabledInViewOnly: boolean;
         hidden: (options: any) => boolean;
     };
 };

package/dist/script/ui/component/view/savebutton.d.ts

@@ -13,16 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { OutputFormatType } from 'ketcher-core';
+import { GenerateImageOptions } from 'ketcher-core';
 import { PropsWithChildren } from 'react';
 declare type Props = {
     server?: any;
     filename: string;
-    outputFormat?: OutputFormatType;
-    bondThickness?: number;
     data: any;
     type?: string;
     mode?: string;
+    options?: GenerateImageOptions;
     onSave?: () => void;
     onError?: (err: any) => void;
     className?: string;

package/dist/script/ui/state/options/index.d.ts

@@ -61,8 +61,44 @@ export namespace initOptionsState {
         const version: null;
     }
     const settings: Record<string, any> & Record<string, string>;
-    function getServerSettings(): Pick<Record<string, any> & Record<string, string>, string>;
-    function getServerSettings(): Pick<Record<string, any> & Record<string, string>, string>;
+    function getServerSettings(): {
+        'render-coloring': any;
+        'render-font-size': any;
+        'render-font-size-unit': any;
+        'render-font-size-sub': any;
+        'render-font-size-sub-unit': any;
+        'image-resolution': number;
+        'bond-length': any;
+        'bond-length-unit': any;
+        'render-bond-thickness': any;
+        'render-bond-thickness-unit': any;
+        'render-bond-spacing': number;
+        'render-stereo-bond-width': any;
+        'render-stereo-bond-width-unit': any;
+        'render-hash-spacing': any;
+        'render-hash-spacing-unit': any;
+        'reaction-component-margin-size': any;
+        'reaction-component-margin-size-unit': any;
+    };
+    function getServerSettings(): {
+        'render-coloring': any;
+        'render-font-size': any;
+        'render-font-size-unit': any;
+        'render-font-size-sub': any;
+        'render-font-size-sub-unit': any;
+        'image-resolution': number;
+        'bond-length': any;
+        'bond-length-unit': any;
+        'render-bond-thickness': any;
+        'render-bond-thickness-unit': any;
+        'render-bond-spacing': number;
+        'render-stereo-bond-width': any;
+        'render-stereo-bond-width-unit': any;
+        'render-hash-spacing': any;
+        'render-hash-spacing-unit': any;
+        'reaction-component-margin-size': any;
+        'reaction-component-margin-size-unit': any;
+    };
 }
 export default optionsReducer;
 declare function optionsReducer(state: {} | undefined, action: any): {};

package/dist/script/ui/views/components/ContextMenu/contextMenu.types.d.ts

@@ -7,7 +7,8 @@ export declare enum CONTEXT_MENU_ID {
     FOR_SELECTION = "context-menu-for-selection",
     FOR_FUNCTIONAL_GROUPS = "context-menu-for-functional-groups",
     FOR_R_GROUP_ATTACHMENT_POINT = "context-menu-for-rgroup-attachment-point",
-    FOR_MULTITAIL_ARROW = "context-menu-for-multiple-arrowed"
+    FOR_MULTITAIL_ARROW = "context-menu-for-multiple-arrowed",
+    FOR_MACROMOLECULE = "context-menu-for-macromolecule"
 }
 export declare type ItemData = unknown;
 interface BaseContextMenuProps {
@@ -31,6 +32,10 @@ export interface FunctionalGroupsContextMenuProps extends BaseContextMenuProps {
     id: CONTEXT_MENU_ID.FOR_FUNCTIONAL_GROUPS;
     functionalGroups: FunctionalGroup[];
 }
+export interface MacromoleculeContextMenuProps extends BaseContextMenuProps {
+    id: CONTEXT_MENU_ID.FOR_MACROMOLECULE;
+    functionalGroups: FunctionalGroup[];
+}
 export interface RGroupAttachmentPointContextMenuProps extends BaseContextMenuProps, WithExtraItems {
     id: CONTEXT_MENU_ID.FOR_R_GROUP_ATTACHMENT_POINT;
     rgroupAttachmentPoints: Array<number>;
@@ -41,7 +46,7 @@ export interface MultitailArrowContextMenuProps {
     itemId: number;
     tailId: number | null;
 }
-export declare type ContextMenuProps = BondsContextMenuProps | AtomContextMenuProps | SelectionContextMenuProps | FunctionalGroupsContextMenuProps | RGroupAttachmentPointContextMenuProps | MultitailArrowContextMenuProps;
+export declare type ContextMenuProps = BondsContextMenuProps | AtomContextMenuProps | SelectionContextMenuProps | FunctionalGroupsContextMenuProps | RGroupAttachmentPointContextMenuProps | MultitailArrowContextMenuProps | MacromoleculeContextMenuProps;
 export interface MenuItemsProps<T extends ContextMenuProps> {
     triggerEvent?: TriggerEvent;
     propsFromTrigger?: T;

package/dist/script/ui/views/components/ContextMenu/hooks/useChangeBondDirection.d.ts

@@ -0,0 +1,3 @@
+export declare const useChangeBondDirection: (props: any) => {
+    changeDirection: () => void;
+};

package/dist/script/ui/views/components/ContextMenu/hooks/useMonomerExpansionHandlers.d.ts

@@ -0,0 +1,4 @@
+import { ItemEventParams, MacromoleculeContextMenuProps } from '../contextMenu.types';
+declare type Params = ItemEventParams<MacromoleculeContextMenuProps>;
+declare const useMonomerExpansionHandlers: () => readonly [({ props }: Params, toExpand: boolean) => void, ({ props }: Params, toExpand: boolean) => boolean];
+export default useMonomerExpansionHandlers;

package/dist/script/ui/views/components/ContextMenu/menuItems/MacromoleculeMenuItems.d.ts

@@ -0,0 +1,3 @@
+import { MacromoleculeContextMenuProps, MenuItemsProps } from '../contextMenu.types';
+declare const MacromoleculeMenuItems: (props: MenuItemsProps<MacromoleculeContextMenuProps>) => import("react/jsx-runtime").JSX.Element;
+export default MacromoleculeMenuItems;

package/dist/script/ui/views/modal/components/meta/Settings/Settings.d.ts

@@ -31,6 +31,7 @@ interface SettingsProps extends BaseProps {
 interface SettingsCallProps extends BaseCallProps {
     onOpenFile: (any: any) => void;
     onReset: () => void;
+    onACSStyle: (result: any) => void;
 }
 declare type Props = SettingsProps & SettingsCallProps;
 declare const Settings: import("react-redux").ConnectedComponent<(props: Props) => import("react/jsx-runtime").JSX.Element, any>;

package/dist/script/ui/views/modal/components/meta/Settings/fieldGroups.d.ts

@@ -24,7 +24,7 @@ declare const fieldGroups: {
     showValence: string;
     showHydrogenLabels: string;
     aromaticCircle: string;
-    doubleBondWidth: string;
+    bondSpacing: string;
     bondThickness: string;
     stereoBondWidth: string;
     'smart-layout': string;

package/dist/script/ui/views/toolbars/BottomToolbar/TemplatesList/TemplatesList.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { UiActionAction } from '../../../../action';
+import { Tools, UiActionAction } from '../../../../action';
 interface TemplatesListProps {
     active?: {
         tool?: string;
@@ -23,6 +23,7 @@ interface TemplatesListProps {
     };
     disableableButtons: string[];
     indigoVerification: boolean;
+    status: Tools;
 }
 interface TemplatesListCallProps {
     onAction: (action: UiActionAction) => void;

package/dist/script/ui/views/toolbars/RightToolbar/AtomsList/AtomsList.d.ts

@@ -14,9 +14,10 @@
  * limitations under the License.
  ***************************************************************************/
 /// <reference types="react" />
-import { UiActionAction } from '../../../../action';
+import { Tools, UiActionAction } from '../../../../action';
 interface AtomsListProps {
     atoms: string[];
+    status: Tools;
     active?: {
         tool?: string;
         opts: {

package/dist/script/ui/views/toolbars/ToolbarGroupItem/ToolbarGroupItem.d.ts

@@ -13,12 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-import { UiAction, UiActionAction } from '../../../action';
+import { Tools, UiActionAction } from '../../../action';
 import { ToolbarItem } from '../toolbar.types';
 interface ToolbarGroupItemProps extends ToolbarItem {
-    status: {
-        [key in string]?: UiAction;
-    };
+    status: Tools;
     opened: string | null;
     disableableButtons: string[];
     indigoVerification: boolean;

package/dist/script/ui/views/toolbars/TopToolbar/CustomButtons.d.ts

@@ -0,0 +1,8 @@
+import { CustomButton } from '../../../../builders/ketcher/CustomButtons';
+interface CustomButtonsProps {
+    customButtons: Array<CustomButton>;
+    isCollapsed: boolean;
+    onCustomAction: (name: string) => void;
+}
+export declare const CustomButtons: ({ isCollapsed, customButtons, onCustomAction, }: CustomButtonsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbar.container.d.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-declare const TopToolbarContainer: import("react-redux").ConnectedComponent<({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onToggleExplicitHydrogens, onFullscreen, onAbout, onHelp, togglerComponent, }: import("./TopToolbar").PanelProps) => import("react/jsx-runtime").JSX.Element, import("react-redux").Omit<import("./TopToolbar").PanelProps, "disabledButtons" | "indigoVerification" | "hiddenButtons" | "shortcuts" | "onClear" | "onFileOpen" | "onSave" | "onUndo" | "onRedo" | "onCopy" | "onCopyMol" | "onCopyKet" | "onCopyImage" | "onCut" | "onPaste" | "currentZoom" | "onZoom" | "onZoomIn" | "onZoomOut" | "onSettingsOpen" | "onLayout" | "onClean" | "onAromatize" | "onDearomatize" | "onCalculate" | "onCheck" | "onAnalyse" | "onMiew" | "onToggleExplicitHydrogens" | "onFullscreen" | "onAbout" | "onHelp">>;
+declare const TopToolbarContainer: import("react-redux").ConnectedComponent<({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onToggleExplicitHydrogens, onFullscreen, onAbout, onHelp, togglerComponent, customButtons, }: import("./TopToolbar").PanelProps) => import("react/jsx-runtime").JSX.Element, import("react-redux").Omit<import("./TopToolbar").PanelProps, "disabledButtons" | "indigoVerification" | "hiddenButtons" | "shortcuts" | "onClear" | "onFileOpen" | "onSave" | "onUndo" | "onRedo" | "onCopy" | "onCopyMol" | "onCopyKet" | "onCopyImage" | "onCut" | "onPaste" | "currentZoom" | "onZoom" | "onZoomIn" | "onZoomOut" | "onSettingsOpen" | "onLayout" | "onClean" | "onAromatize" | "onDearomatize" | "onCalculate" | "onCheck" | "onAnalyse" | "onMiew" | "onToggleExplicitHydrogens" | "onFullscreen" | "onAbout" | "onHelp" | "customButtons">>;
 export { TopToolbarContainer };

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbar.d.ts

@@ -14,6 +14,7 @@
  * limitations under the License.
  ***************************************************************************/
 /// <reference types="react" />
+import { CustomButton } from '../../../../builders/ketcher/CustomButtons';
 declare type VoidFunction = () => void;
 export interface PanelProps {
     className: string;
@@ -52,6 +53,7 @@ export interface PanelProps {
     onAbout: VoidFunction;
     onHelp: VoidFunction;
     togglerComponent?: JSX.Element;
+    customButtons: Array<CustomButton>;
 }
-export declare const TopToolbar: ({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onToggleExplicitHydrogens, onFullscreen, onAbout, onHelp, togglerComponent, }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TopToolbar: ({ className, disabledButtons, indigoVerification, hiddenButtons, shortcuts, onClear, onFileOpen, onSave, onUndo, onRedo, onCopy, onCopyMol, onCopyKet, onCopyImage, onCut, onPaste, currentZoom, onZoom, onZoomIn, onZoomOut, onSettingsOpen, onLayout, onClean, onAromatize, onDearomatize, onCalculate, onCheck, onAnalyse, onMiew, onToggleExplicitHydrogens, onFullscreen, onAbout, onHelp, togglerComponent, customButtons, }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/script/ui/views/toolbars/TopToolbar/TopToolbarIconButton.d.ts

@@ -16,3 +16,6 @@
 export declare const TopToolbarIconButton: import("@emotion/styled").StyledComponent<import("../../../../../components/Buttons/IconButton/types").IIconButtonProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
+export declare const TopToolbarCustomIconButton: import("@emotion/styled").StyledComponent<import("../../../../../components/Buttons/IconButton/types").IIconButtonCustomIconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ketcher-react",
-  "version": "2.25.0",
+  "version": "2.26.0-rc.2",
   "description": "Web-based molecule sketcher",
   "license": "Apache-2.0",
   "homepage": "http://lifescience.opensource.epam.com/ketcher",