@commercetools-uikit/rich-text-utils 16.11.0 → 16.12.1

package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js

@@ -2669,7 +2669,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js

@@ -2545,7 +2545,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

package/dist/commercetools-uikit-rich-text-utils.esm.js

@@ -2632,6 +2632,6 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 export { Element, HiddenInput$1 as HiddenInput, Leaf, RichTextEditorBody$1 as RichTextBody, focusEditor, html$1 as html, isBlockActive, isRichTextEmpty as isEmpty, isMarkActive, index as localized, resetEditor, toggleBlock, toggleMark, validSlateStateAdapter, version };

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

@@ -1,7 +1,7 @@
 import { type Descendant, type BaseEditor, type BaseText } from 'slate';
 import { type ReactEditor as TReactEditor } from 'slate-react';
 import type { HistoryEditor } from 'slate-history';
-import { BLOCK_TAGS, MARK_TAGS } from '../tags';
+import { BLOCK_TAGS, MARK_TAGS } from "../tags.js";
 type Html = string;
 export type CustomElement = {
     type: Format;

package/dist/declarations/src/html/index.d.ts

@@ -1 +1 @@
-export { default, defaultSlateState, type Deserialized, type Format, type CustomElement, } from './html';
+export { default, defaultSlateState, type Deserialized, type Format, type CustomElement, } from "./html.js";

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

@@ -1,6 +1,6 @@
-export * as localized from './localized';
-export { default as html } from './html';
-export { default as isEmpty } from './is-empty';
-export { HiddenInput, RichTextBody } from './rich-text-body';
-export { default as version } from './version';
-export { Element, Leaf, isMarkActive, isBlockActive, toggleMark, toggleBlock, validSlateStateAdapter, resetEditor, focusEditor, } from './slate-helpers';
+export * as localized from "./localized/index.js";
+export { default as html } from "./html/index.js";
+export { default as isEmpty } from "./is-empty/index.js";
+export { HiddenInput, RichTextBody } from "./rich-text-body/index.js";
+export { default as version } from "./version.js";
+export { Element, Leaf, isMarkActive, isBlockActive, toggleMark, toggleBlock, validSlateStateAdapter, resetEditor, focusEditor, } from "./slate-helpers.js";

package/dist/declarations/src/is-empty/index.d.ts

@@ -1 +1 @@
-export { default } from './is-empty';
+export { default } from "./is-empty.js";

package/dist/declarations/src/localized/index.d.ts

@@ -1 +1 @@
-export { createLocalizedString, isEmpty, omitEmptyTranslations, } from './localized';
+export { createLocalizedString, isEmpty, omitEmptyTranslations, } from "./localized.js";

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

@@ -1,6 +1,6 @@
-import type { TRichTextBodyButtonProps as RichTextBodyButtonProps } from './rich-text-body-button';
-import type { TRichTextEditorBody as RichTextEditorBody } from './rich-text-body';
-import type { TDropdownProps as DropdownProps } from './dropdown';
+import type { TRichTextBodyButtonProps as RichTextBodyButtonProps } from "./rich-text-body-button.js";
+import type { TRichTextEditorBody as RichTextEditorBody } from "./rich-text-body.js";
+import type { TDropdownProps as DropdownProps } from "./dropdown.js";
 export type TRichTextBodyButtonProps = RichTextBodyButtonProps;
 export type TRichTextEditorBody = RichTextEditorBody;
 export type TDropdownProps = DropdownProps;

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

@@ -1,3 +1,3 @@
-export { default as HiddenInput } from './hidden-input';
-export { default as RichTextBody } from './rich-text-body';
-export * from './export-types';
+export { default as HiddenInput } from "./hidden-input.js";
+export { default as RichTextBody } from "./rich-text-body.js";
+export * from "./export-types.js";

package/dist/declarations/src/slate-helpers.d.ts

@@ -1,6 +1,6 @@
 import { Editor, type Editor as TEditor, type Descendant } from 'slate';
 import { type RenderElementProps, type RenderLeafProps } from 'slate-react';
-import { type Deserialized, type Format } from './html';
+import { type Deserialized, type Format } from "./html/index.js";
 declare const Element: ({ attributes, children, element }: RenderElementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const Leaf: ({ attributes, children, leaf }: RenderLeafProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const isMarkActive: (editor: TEditor, format: Format) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "16.11.0",
+  "version": "16.12.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -24,25 +24,25 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/design-system": "16.11.0",
-    "@commercetools-uikit/icons": "16.11.0",
-    "@commercetools-uikit/input-utils": "16.11.0",
-    "@commercetools-uikit/spacings-inline": "16.11.0",
-    "@commercetools-uikit/tooltip": "16.11.0",
-    "@commercetools-uikit/utils": "16.11.0",
+    "@commercetools-uikit/design-system": "16.12.1",
+    "@commercetools-uikit/icons": "16.12.1",
+    "@commercetools-uikit/input-utils": "16.12.1",
+    "@commercetools-uikit/spacings-inline": "16.12.1",
+    "@commercetools-uikit/tooltip": "16.12.1",
+    "@commercetools-uikit/utils": "16.12.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@types/escape-html": "1.0.2",
+    "@types/escape-html": "1.0.4",
     "downshift": "6.1.12",
     "escape-html": "1.0.3",
     "is-hotkey": "0.2.0",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
     "slate": "0.75.0",
-    "slate-history": "0.93.0",
-    "slate-hyperscript": "0.77.0",
+    "slate-history": "0.100.0",
+    "slate-hyperscript": "0.100.0",
     "slate-react": "0.75.0",
-    "style-to-object": "0.4.1"
+    "style-to-object": "0.4.4"
   },
   "devDependencies": {
     "react": "17.0.2",

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export default Divider;

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

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-type TDropdownStylesProps = {
-    isSelected?: boolean;
-    isIndeterminate?: boolean;
-    isStyleButton?: boolean;
-    isOpen?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-};
-declare const DropdownItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TDropdownStylesProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-declare const getButtonStyles: (props: TDropdownStylesProps) => (false | import("@emotion/utils").SerializedStyles | undefined)[];
-declare const DropdownContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const DropdownItemLabelWrapper: 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 { DropdownContainer, DropdownItem, DropdownItemLabelWrapper, getButtonStyles, };

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const BoldIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default BoldIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const ExpandFullIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ExpandFullIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const ExpandIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ExpandIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const ItalicIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ItalicIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const MoreStylesIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default MoreStylesIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const OrderedListIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default OrderedListIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const RedoIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default RedoIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const StrikethroughIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default StrikethroughIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const SubscriptIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default SubscriptIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const SuperscriptIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default SuperscriptIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const UnderlineIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default UnderlineIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const UndoIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default UndoIcon;

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

@@ -1,13 +0,0 @@
-export type Props = {
-    color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
-    size?: 'small' | 'medium' | 'big' | 'scale';
-};
-export type SVGProps = Props & {
-    className: string;
-};
-export declare const getIconStyles: (props: Props) => import("@emotion/utils").SerializedStyles;
-declare const UnorderedListIcon: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default UnorderedListIcon;

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

@@ -1,13 +0,0 @@
-export { default as BoldIcon } from './BoldReact';
-export { default as ExpandFullIcon } from './ExpandFullReact';
-export { default as ExpandIcon } from './ExpandReact';
-export { default as ItalicIcon } from './ItalicReact';
-export { default as MoreStylesIcon } from './MoreStylesReact';
-export { default as OrderedListIcon } from './OrderedListReact';
-export { default as RedoIcon } from './RedoReact';
-export { default as StrikethroughIcon } from './StrikethroughReact';
-export { default as SubscriptIcon } from './SubscriptReact';
-export { default as SuperscriptIcon } from './SuperscriptReact';
-export { default as UnderlineIcon } from './UnderlineReact';
-export { default as UndoIcon } from './UndoReact';
-export { default as UnorderedListIcon } from './UnorderedListReact';

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

@@ -1 +0,0 @@
-export * from './generated';

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

@@ -1,108 +0,0 @@
-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.styles.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import type { TRichTextEditorBody } from './rich-text-body';
-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-body/slate-buttons.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode } from 'react';
-type TButtonProps = {
-    format: string;
-    isDisabled?: boolean;
-    label: string;
-    isReadOnly?: boolean;
-    children: ReactNode;
-};
-declare const MarkButton: (props: TButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-declare const BlockButton: (props: TButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export { MarkButton, BlockButton };