ketcher-react 2.11.0-rc.4 → 2.12.0-rc.1

package/dist/components/Buttons/IconButton/IconButton.d.ts

@@ -0,0 +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 { IIconButtonProps } from './types';
+export declare const IconButton: ({ onClick, iconName, shortcut, title, className, isActive, isHidden, disabled }: IIconButtonProps) => JSX.Element | null;
+export default IconButton;

package/dist/{icons → components/Buttons/IconButton}/index.d.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-export default function findIconByName(name: any): any;
+export { IconButton } from './IconButton';

package/dist/components/Buttons/IconButton/styles.d.ts

@@ -0,0 +1,24 @@
+/****************************************************************************
+ * 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 { IStyledButtonProps } from './types';
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<import("../../Icon/types").IIconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/{script/ui/views/toolbars/TopToolbar/IconButton.d.ts → components/Buttons/IconButton/types.d.ts}

@@ -14,13 +14,17 @@
  * limitations under the License.
  ***************************************************************************/
 /// <reference types="react" />
-interface ButtonProps {
-    iconName: string;
-    onClick: () => void;
-    title: string;
+import { IconName } from '../../Icon/types';
+export interface IIconButtonProps {
+    iconName: IconName;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    title?: string;
+    className?: string;
     isHidden?: boolean;
     disabled?: boolean;
+    isActive?: boolean;
     shortcut?: string;
 }
-export declare const IconButton: ({ onClick, iconName, title, shortcut, isHidden, disabled }: ButtonProps) => JSX.Element | null;
-export {};
+export interface IStyledButtonProps {
+    isActive: boolean;
+}

package/dist/components/Buttons/index.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 * from './IconButton';

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/****************************************************************************
+ * 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 { IIconProps } from './types';
+declare const Icon: ({ name, className, onClick }: IIconProps) => JSX.Element;
+export default Icon;

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

@@ -0,0 +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.
+ ***************************************************************************/
+import Icon from './Icon';
+import { IconName } from './types';
+import { getIconName } from './utils/getIconName';
+export { Icon, getIconName, type IconName };

package/dist/{script/ui/views/toolbars/LeftToolbar/Transform/Transform.d.ts → components/Icon/types.d.ts}

@@ -14,12 +14,13 @@
  * limitations under the License.
  ***************************************************************************/
 /// <reference types="react" />
-import { ToolbarGroupItemCallProps, ToolbarGroupItemProps } from '../../ToolbarGroupItem';
-interface TransformProps extends Omit<ToolbarGroupItemProps, 'id' | 'options'> {
-    height?: number;
+import { iconNameToIcon } from './utils/iconNameToIcon';
+export declare type SvgComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+}>;
+export declare type IconName = keyof typeof iconNameToIcon;
+export interface IIconProps {
+    name: IconName;
+    className?: string;
+    onClick?: (e: React.MouseEvent<HTMLOrSVGElement, MouseEvent>) => void;
 }
-declare type TransformCallProps = ToolbarGroupItemCallProps;
-declare type Props = TransformProps & TransformCallProps;
-declare const Transform: (props: Props) => JSX.Element;
-export type { TransformProps, TransformCallProps };
-export { Transform };

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

@@ -0,0 +1,17 @@
+/****************************************************************************
+ * 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 { IconName, SvgComponent } from '../types';
+export declare const getIconByName: (name: IconName) => SvgComponent;

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

@@ -0,0 +1,17 @@
+/****************************************************************************
+ * 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 { IconName } from '../types';
+export declare const getIconName: (name: string) => IconName | null;

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

@@ -0,0 +1,209 @@
+/****************************************************************************
+ * 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 iconNameToIcon: {
+    readonly α: ReactComponent;
+    readonly β: ReactComponent;
+    readonly γ: ReactComponent;
+    readonly δ: ReactComponent;
+    readonly ε: ReactComponent;
+    readonly ζ: ReactComponent;
+    readonly η: ReactComponent;
+    readonly θ: ReactComponent;
+    readonly ι: ReactComponent;
+    readonly κ: ReactComponent;
+    readonly λ: ReactComponent;
+    readonly μ: ReactComponent;
+    readonly ν: ReactComponent;
+    readonly ξ: ReactComponent;
+    readonly ο: ReactComponent;
+    readonly π: ReactComponent;
+    readonly ρ: ReactComponent;
+    readonly σ: ReactComponent;
+    readonly τ: ReactComponent;
+    readonly υ: ReactComponent;
+    readonly φ: ReactComponent;
+    readonly χ: ReactComponent;
+    readonly ψ: ReactComponent;
+    readonly ω: ReactComponent;
+    readonly Å: ReactComponent;
+    readonly '\u00B0': ReactComponent;
+    readonly ħ: ReactComponent;
+    readonly '\u00B1': ReactComponent;
+    readonly '\u2030': ReactComponent;
+    readonly '\u221A': ReactComponent;
+    readonly '\u2190': ReactComponent;
+    readonly '\u2192': ReactComponent;
+    readonly '\u2190/': ReactComponent;
+    readonly '/\u2192': ReactComponent;
+    readonly '\u2194': ReactComponent;
+    readonly '\u220F': ReactComponent;
+    readonly '\u2211': ReactComponent;
+    readonly '\u221E': ReactComponent;
+    readonly '\u2202': ReactComponent;
+    readonly '\u2206': ReactComponent;
+    readonly '\u222B': ReactComponent;
+    readonly '\u2248': ReactComponent;
+    readonly '=/': ReactComponent;
+    readonly '\u2264': ReactComponent;
+    readonly '\u2265': ReactComponent;
+    readonly '\u2109': ReactComponent;
+    readonly '\u2103': ReactComponent;
+    readonly about: ReactComponent;
+    readonly analyse: ReactComponent;
+    readonly 'any-atom': ReactComponent;
+    readonly arom: ReactComponent;
+    readonly 'arrow-upward': ReactComponent;
+    readonly 'bond-any': ReactComponent;
+    readonly 'bond-aromatic': ReactComponent;
+    readonly 'bond-crossed': ReactComponent;
+    readonly 'bond-hydrogen': ReactComponent;
+    readonly 'bond-dative': ReactComponent;
+    readonly 'bond-double': ReactComponent;
+    readonly 'bond-doublearomatic': ReactComponent;
+    readonly 'bond-down': ReactComponent;
+    readonly 'bond-single': ReactComponent;
+    readonly 'bond-singlearomatic': ReactComponent;
+    readonly 'bond-singledouble': ReactComponent;
+    readonly 'bond-triple': ReactComponent;
+    readonly 'bond-up': ReactComponent;
+    readonly 'bond-updown': ReactComponent;
+    readonly 'capital-t': ReactComponent;
+    readonly chain: ReactComponent;
+    readonly 'charge-minus': ReactComponent;
+    readonly 'charge-plus': ReactComponent;
+    readonly check: ReactComponent;
+    readonly 'chiral-flag': ReactComponent;
+    readonly cip: ReactComponent;
+    readonly clean: ReactComponent;
+    readonly copies: ReactComponent;
+    readonly copy: ReactComponent;
+    readonly 'copy-image': ReactComponent;
+    readonly 'copy-mol': ReactComponent;
+    readonly 'copy-ket': ReactComponent;
+    readonly cut: ReactComponent;
+    readonly dearom: ReactComponent;
+    readonly delete: ReactComponent;
+    readonly dropdown: ReactComponent;
+    readonly 'enhanced-stereo': ReactComponent;
+    readonly edit: ReactComponent;
+    readonly 'elements-group': ReactComponent;
+    readonly 'extended-table': ReactComponent;
+    readonly erase: ReactComponent;
+    readonly 'file-thumbnail': ReactComponent;
+    readonly 'fullscreen-enter': ReactComponent;
+    readonly 'fullscreen-exit': ReactComponent;
+    readonly 'generic-groups': ReactComponent;
+    readonly hand: ReactComponent;
+    readonly compressedhand: ReactComponent;
+    readonly help: ReactComponent;
+    readonly history: ReactComponent;
+    readonly 'image-frame': ReactComponent;
+    readonly layout: ReactComponent;
+    readonly logo: ReactComponent;
+    readonly miew: ReactComponent;
+    readonly clear: ReactComponent;
+    readonly open: ReactComponent;
+    readonly paste: ReactComponent;
+    readonly 'period-table': ReactComponent;
+    readonly 'reaction-arrow-elliptical-arc-arrow-filled-bow': ReactComponent;
+    readonly 'reaction-arrow-elliptical-arc-arrow-filled-triangle': ReactComponent;
+    readonly 'reaction-arrow-elliptical-arc-arrow-open-angle': ReactComponent;
+    readonly 'reaction-arrow-elliptical-arc-arrow-open-half-angle': ReactComponent;
+    readonly 'reaction-arrow-open-angle': ReactComponent;
+    readonly 'reaction-arrow-filled-triangle': ReactComponent;
+    readonly 'reaction-arrow-filled-bow': ReactComponent;
+    readonly 'reaction-arrow-dashed-open-angle': ReactComponent;
+    readonly 'reaction-arrow-failed': ReactComponent;
+    readonly 'reaction-arrow-both-ends-filled-triangle': ReactComponent;
+    readonly 'reaction-arrow-equilibrium-filled-half-bow': ReactComponent;
+    readonly 'reaction-arrow-equilibrium-filled-triangle': ReactComponent;
+    readonly 'reaction-arrow-equilibrium-open-angle': ReactComponent;
+    readonly 'reaction-arrow-unbalanced-equilibrium-filled-half-bow': ReactComponent;
+    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-automap': ReactComponent;
+    readonly 'reaction-map': ReactComponent;
+    readonly 'reaction-plus': ReactComponent;
+    readonly 'reaction-unmap': ReactComponent;
+    readonly recognize: ReactComponent;
+    readonly redo: ReactComponent;
+    readonly 'rgroup-attpoints': ReactComponent;
+    readonly 'rgroup-fragment': ReactComponent;
+    readonly 'rgroup-label': ReactComponent;
+    readonly save: ReactComponent;
+    readonly search: ReactComponent;
+    readonly 'select-fragment': ReactComponent;
+    readonly 'select-lasso': ReactComponent;
+    readonly 'select-rectangle': ReactComponent;
+    readonly settings: ReactComponent;
+    readonly sgroup: ReactComponent;
+    readonly 'template-0': ReactComponent;
+    readonly 'template-1': ReactComponent;
+    readonly 'template-2': ReactComponent;
+    readonly 'template-3': ReactComponent;
+    readonly 'template-4': ReactComponent;
+    readonly 'template-5': ReactComponent;
+    readonly 'template-6': ReactComponent;
+    readonly 'template-7': ReactComponent;
+    readonly 'template-dialog': ReactComponent;
+    readonly 'template-lib': ReactComponent;
+    readonly text: ReactComponent;
+    readonly 'text-bold': ReactComponent;
+    readonly 'text-italic': ReactComponent;
+    readonly 'text-subscript': ReactComponent;
+    readonly 'text-superscript': ReactComponent;
+    readonly 'transform-flip-h': ReactComponent;
+    readonly 'transform-flip-v': ReactComponent;
+    readonly undo: ReactComponent;
+    readonly 'zoom-in': ReactComponent;
+    readonly 'zoom-out': ReactComponent;
+    readonly 'shape-ellipse': ReactComponent;
+    readonly 'shape-rectangle': ReactComponent;
+    readonly 'shape-polyline': ReactComponent;
+    readonly 'shape-line': ReactComponent;
+    readonly 'not-found': ReactComponent;
+    readonly 'save-1': ReactComponent;
+    readonly 'open-1': ReactComponent;
+    readonly reset: ReactComponent;
+    readonly close: ReactComponent;
+    readonly general: ReactComponent;
+    readonly 'general-white': ReactComponent;
+    readonly stereo: ReactComponent;
+    readonly 'stereo-white': ReactComponent;
+    readonly atoms: ReactComponent;
+    readonly 'atoms-white': ReactComponent;
+    readonly bonds: ReactComponent;
+    readonly 'bonds-white': ReactComponent;
+    readonly server: ReactComponent;
+    readonly 'server-white': ReactComponent;
+    readonly '3dviewer': ReactComponent;
+    readonly '3dviewer-white': ReactComponent;
+    readonly debugging: ReactComponent;
+    readonly 'debugging-white': ReactComponent;
+    readonly 'dropdown-indicator': ReactComponent;
+    readonly 'text-special-symbols': ReactComponent;
+    readonly chevron: ReactComponent;
+    readonly 'open-window-paste-icon': ReactComponent;
+    readonly 'open-window-upload-icon': ReactComponent;
+    readonly bracket: ReactComponent;
+    readonly error: ReactComponent;
+    readonly 'rap-left-link': ReactComponent;
+    readonly 'rap-middle-link': ReactComponent;
+    readonly 'rap-right-link': ReactComponent;
+    readonly 'arrows-left': ReactComponent;
+    readonly 'arrows-right': ReactComponent;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,17 @@
+/****************************************************************************
+ * 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 * from './Icon';
+export * from './Buttons';

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

@@ -0,0 +1,46 @@
+/****************************************************************************
+ * 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 const _default: {
+    background: {
+        readonly color: {
+            readonly primary: "#FFFFFF";
+            readonly secondary: "#167782";
+            readonly hover: "#188794";
+        };
+    };
+    border: {
+        readonly radius: {
+            readonly regular: "2px";
+        };
+    };
+    color: {
+        readonly white: "#FFFFFF";
+        readonly primaryWhite: "EFF2F5";
+        readonly green: "#167782";
+        readonly lightGreen: "#188794";
+        readonly graphite: "#333333";
+        readonly grey: "#cad3dd";
+        readonly darkGrey: "#b4b9d6";
+    };
+    text: {
+        readonly color: {
+            readonly primary: "#333333";
+            readonly secondary: "#FFFFFF";
+            readonly hover: "#167782";
+        };
+    };
+};
+export default _default;

package/dist/components/styles/index.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 { default as style } from './consts';

package/dist/constants.d.ts

@@ -22,3 +22,5 @@ export declare const STRUCT_TYPE: {
     atoms: string;
     bonds: string;
 };
+export declare const KETCHER_ROOT_NODE_CLASS_NAME = "Ketcher-root";
+export declare const KETCHER_ROOT_NODE_CSS_SELECTOR: string;