@commercetools-uikit/rich-text-utils 12.2.7 → 13.0.3

package/dist/declarations/src/rich-text-body/messages.d.ts

@@ -0,0 +1,108 @@
+declare const _default: {
+    boldButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    expandButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    italicButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    moreStylesDropdownLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    moreStylesDropdownOptionStrikethrough: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    moreStylesDropdownOptionSuperscript: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    moreStylesDropdownOptionSubscript: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    orderedListButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    redoButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionParagraph: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionH1: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionH2: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionH3: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionH4: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionH5: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionQuote: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    styleDropdownOptionPreformatted: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    underlinedButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    undoButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    unorderedListButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/rich-text-body/rich-text-body-button.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+declare type TRichTextBodyButtonProps = {
+    isDisabled?: boolean;
+    label: string;
+    isActive?: boolean;
+    isReadOnly?: boolean;
+    children: ReactNode;
+    onClick?: () => void;
+};
+declare const RichTextBodyButton: {
+    (props: TRichTextBodyButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default RichTextBodyButton;

package/dist/declarations/src/rich-text-body/rich-text-body.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode, type LegacyRef, type CSSProperties } from 'react';
+import type { TEditor } from '../editor.types';
+declare type TNodeRefObject = {
+    clientHeight: number;
+} & LegacyRef<HTMLDivElement>;
+declare type TRichtTextEditorBodyRef = {
+    registerContentNode: TNodeRefObject;
+    containerRef?: LegacyRef<HTMLDivElement>;
+};
+export declare type TRichTextEditorBody = {
+    editor: TEditor;
+    styles: {
+        container?: string;
+    };
+    hasError?: boolean;
+    isReadOnly: boolean;
+    hasWarning?: boolean;
+    isDisabled?: boolean;
+    showExpandIcon: boolean;
+    onClickExpand?: () => boolean;
+    containerStyles: CSSProperties;
+    children: ReactNode;
+};
+declare const RichTextEditorBody: import("react").ForwardRefExoticComponent<TRichTextEditorBody & import("react").RefAttributes<TRichtTextEditorBodyRef>>;
+export default RichTextEditorBody;

package/dist/declarations/src/rich-text-body/rich-text-body.styles.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { TRichTextEditorBody } from './rich-text-body';
+declare type TRichTextBodyStylesProps = Pick<TRichTextEditorBody, 'hasError' | 'isReadOnly' | 'hasWarning' | 'isDisabled'>;
+export declare const ToolbarMainControls: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarRightControls: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Toolbar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EditorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TRichTextBodyStylesProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TRichTextBodyStylesProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/declarations/src/rich-text-plugins.d.ts

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+import type { TEditor } from './editor.types';
+declare const plugins: ({
+    decorateNode: (node: import("./editor.types").TNode, editor: TEditor, next: () => JSX.Element[]) => (JSX.Element | {
+        type: string;
+        data: {
+            key: number;
+            get?: ((name: string) => number) | undefined;
+        };
+        anchor: {
+            key: string;
+            offset: number;
+            path: string;
+        };
+        focus: {
+            key: string;
+            offset: number;
+            path: string;
+        };
+    })[];
+    renderDecoration: (props: {
+        children: import("react").ReactNode;
+        decoration: {
+            type: string;
+            data: {
+                key: number;
+                get?: ((name: string) => number) | undefined;
+            };
+            anchor: {
+                key: string;
+                offset: number;
+                path: string;
+            };
+            focus: {
+                key: string;
+                offset: number;
+                path: string;
+            };
+        };
+    }, editor: Pick<TEditor, "props">, next: () => JSX.Element) => import("@emotion/react/jsx-runtime").JSX.Element;
+} | {
+    onKeyDown(event: {
+        preventDefault: () => void;
+    }, editor: TEditor, next: () => void): void;
+    renderMark(props: {
+        children: import("react").ReactNode;
+        mark: import("./editor.types").TMark;
+        attributes: unknown;
+    }, _editor: TEditor, next: () => JSX.Element): import("@emotion/react/jsx-runtime").JSX.Element;
+    commands: {
+        [x: string]: (editor: TEditor) => void | undefined;
+    };
+    queries: {
+        [x: string]: (editor: TEditor) => boolean | void;
+    };
+}[] | {
+    renderMark(props: {
+        children: import("react").ReactNode;
+        mark: {
+            type: string;
+        };
+        attributes: unknown;
+        node: {
+            type: string;
+        };
+    }, next: () => import("react").ReactNode): import("react").ReactNode;
+} | {
+    renderBlock(props: {
+        children: import("react").ReactNode;
+        mark: {
+            type: string;
+        };
+        attributes: unknown;
+        node: {
+            type: string;
+        };
+    }, next: () => import("react").ReactNode): import("react").ReactNode;
+} | {
+    onKeyDown(event: import("react").KeyboardEvent<HTMLButtonElement | HTMLInputElement>, editor: TEditor & {
+        undo: () => void;
+    }, next: () => void): void;
+    queries: {
+        hasUndos: (editor: TEditor & {
+            undo: () => void;
+        }) => boolean;
+    };
+    commands: {
+        toggleUndo: (editor: TEditor & {
+            undo: () => void;
+        }) => void;
+    };
+}[] | {
+    onKeyDown(event: import("react").KeyboardEvent<HTMLButtonElement | HTMLInputElement>, editor: TEditor, next: () => void): void;
+    queries: {
+        hasRedos: (editor: TEditor) => boolean;
+    };
+    commands: {
+        toggleRedo: (editor: TEditor) => void;
+    };
+}[] | {
+    renderBlock(props: {
+        attributes: unknown;
+        children: import("react").ReactNode;
+        node: {
+            type: string;
+        };
+    }, _editor: TEditor, next: () => JSX.Element): import("@emotion/react/jsx-runtime").JSX.Element;
+    commands: {
+        toggleBulletedListBlock: (editor: TEditor) => void;
+        toggleNumberedListBlock: (editor: TEditor) => void;
+    };
+    queries: {
+        hasBulletedListBlock: (editor: TEditor) => boolean | void;
+        hasNumberedListBlock: (editor: TEditor) => boolean | void;
+    };
+}[] | {
+    queries: {
+        shouldUsePlaceholder: (editor: TEditor) => boolean;
+    };
+})[];
+export default plugins;

package/dist/declarations/src/tags.d.ts

@@ -0,0 +1,22 @@
+export declare const BLOCK_TAGS: {
+    blockquote: string;
+    p: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    pre: string;
+    li: string;
+    ol: string;
+    ul: string;
+};
+export declare const MARK_TAGS: {
+    em: string;
+    strong: string;
+    u: string;
+    sup: string;
+    sub: string;
+    del: string;
+    span: string;
+};

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "12.2.7",
+  "version": "13.0.3",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -19,29 +19,29 @@
   "module": "dist/commercetools-uikit-rich-text-utils.esm.js",
   "files": ["dist"],
   "scripts": {
-    "generate-icons": "svgr -d src/rich-text-body/icons/generated --typescript src/rich-text-body/icons/svg"
+    "generate-icons": "svgr -d src/rich-text-body/icons/generated --typescript -- src/rich-text-body/icons/svg"
   },
   "dependencies": {
-    "@babel/runtime": "7.16.3",
-    "@babel/runtime-corejs3": "7.16.3",
-    "@commercetools-uikit/design-system": "12.2.5",
-    "@commercetools-uikit/icons": "12.2.7",
-    "@commercetools-uikit/input-utils": "12.2.7",
-    "@commercetools-uikit/spacings-inline": "12.2.5",
-    "@commercetools-uikit/tooltip": "12.2.5",
-    "@commercetools-uikit/utils": "12.2.5",
+    "@babel/runtime": "7.17.2",
+    "@babel/runtime-corejs3": "7.17.2",
+    "@commercetools-uikit/design-system": "13.0.0",
+    "@commercetools-uikit/icons": "13.0.2",
+    "@commercetools-uikit/input-utils": "13.0.2",
+    "@commercetools-uikit/spacings-inline": "13.0.2",
+    "@commercetools-uikit/tooltip": "13.0.2",
+    "@commercetools-uikit/utils": "13.0.2",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "downshift": "6.1.7",
     "is-hotkey": "0.2.0",
     "lodash": "4.17.21",
-    "prop-types": "15.7.2",
+    "prop-types": "15.8.1",
     "react-required-if": "1.0.3",
     "slate-html-serializer": "0.8.13"
   },
   "devDependencies": {
     "react": "17.0.2",
-    "react-intl": "5.21.2"
+    "react-intl": "5.24.6"
   },
   "peerDependencies": {
     "react": "17.x",