@frontify/fondue 12.0.0-beta.6 → 12.0.0-beta.8

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport { IconSize, IconTextFormatUnderline } from '@foundation/Icon';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const UnderlineButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatUnderline size={IconSize.Size16} />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n        />\n    </ButtonWrapper>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,KAAkB,CAAC,EAAE,WAAQ,YACrC,kBAAA,cAAA,GAAA;AAAA,EAAc;AAAA,GACV,kBAAA,cAAA,GAAA;AAAA,EACG,MAAM,EAAc,GAAQ,CAAE;AAAA,EAC9B,MAAO,kBAAA,cAAA,GAAA;AAAA,IAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAwB,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,EAAA,CAAI;AAAA,EACpF,YAAY;AAAA,EACZ,QAAQ;AAAA,CACZ,CACJ;"}

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineMarkupElement.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MARK_UNDERLINE, PlateRenderLeafProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nexport const UNDERLINE_CLASSES = 'tw-underline';\n\nexport const UnderlineMarkupElementNode = ({ attributes, children }: PlateRenderLeafProps) => (\n    <span {...attributes} className={UNDERLINE_CLASSES}>\n        {children}\n    </span>\n);\n\nexport class UnderlineMarkupElement extends MarkupElement {\n    constructor(id = MARK_UNDERLINE, node = UnderlineMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,IAAoB,gBAEpB,IAA6B,CAAC,EAAE,eAAY,kBACpD,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;AAGG,MAAM,UAA+B,EAAc;AAAA,EACtD,YAAY,IAAK,GAAgB,IAAO,GAA4B;AAChE,UAAM,GAAI,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/id.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/id.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const UNDERLINE_PLUGIN = 'underline-plugin';\n"],"names":[],"mappings":"AAEO,MAAM,IAAmB;"}

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createUnderlinePlugin } from '@udecode/plate';\nimport { UNDERLINE_PLUGIN } from './id';\nimport { UnderlineMarkupElement } from './UnderlineMarkupElement';\nimport { UnderlineButton } from './UnderlineButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class UnderlinePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(UNDERLINE_PLUGIN, {\n            button: UnderlineButton,\n            markupElement: new UnderlineMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createUnderlinePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAwB,EAAO;AAAA,EACxC,YAAY,GAAqB;AAC7B,UAAM,GAAkB;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAuB;AAAA,MAC1C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAuB;AAAA,EACnC;AACJ;"}

package/dist/components/RichTextEditor/Plugins/helper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/helper.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactNode } from 'react';\nimport { ButtonGroupProps, IconStylingWrapperProps } from './types';\n\nexport const IconStylingWrapper = ({ icon }: IconStylingWrapperProps) => (\n    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">{icon}</span>\n);\n\nexport const buttonClassNames = {\n    root: 'tw-text-text-weak tw-ml-0.5 hover:tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded',\n    active: 'tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse',\n};\nexport const buttonStyles = { root: { width: '24px', height: '24px' } };\n\nexport const ButtonGroupWrapper = ({ index, children }: ButtonGroupProps) => (\n    <div data-test-id={`toolbar-group-${index}`} className=\"tw-flex tw-items-center tw-h-9 tw-p-2\">\n        {children}\n    </div>\n);\n\nexport const ButtonWrapper = ({ children, id }: { children: ReactNode; id: string }) => (\n    <div data-plugin-id={id}>{children}</div>\n);\n"],"names":[],"mappings":";AAKO,MAAM,IAAqB,CAAC,EAAE,cAChC,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAU;AAAA,GAA2D,CAAK,GAGvE,IAAmB;AAAA,EAC5B,MAAM;AAAA,EACN,QAAQ;AACZ,GACa,IAAe,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,GAEzD,IAAqB,CAAC,EAAE,UAAO,kBACvC,kBAAA,cAAA,OAAA;AAAA,EAAI,gBAAc,iBAAiB;AAAA,EAAS,WAAU;AAAA,GAClD,CACL,GAGS,IAAgB,CAAC,EAAE,aAAU,YACrC,kBAAA,cAAA,OAAA;AAAA,EAAI,kBAAgB;AAAA,GAAK,CAAS;"}

package/dist/components/RichTextEditor/{EditorActions/Plugins → Plugins}/index.d.ts

@@ -2,6 +2,7 @@ import { PluginComposer } from './PluginComposer';
 export declare const defaultPlugins: PluginComposer;
 export * from './GeneratePlugins';
 export * from './PluginComposer';
+export * from './InitPlugin';
 export * from './ListPlugin';
 export * from './BoldPlugin';
 export * from './AlignPlugin';

package/dist/components/RichTextEditor/Plugins/index.es.js

@@ -0,0 +1,76 @@
+import { PluginComposer as r } from "./PluginComposer.es.js";
+import { PluginComposer as F } from "./PluginComposer.es.js";
+import { OrderedListPlugin as i } from "./ListPlugin/OrderedListPlugin/index.es.js";
+import { OrderedListPlugin as H } from "./ListPlugin/OrderedListPlugin/index.es.js";
+import { UnorderedListPlugin as o } from "./ListPlugin/UnorderedListPlugin/index.es.js";
+import { UnorderedListPlugin as M } from "./ListPlugin/UnorderedListPlugin/index.es.js";
+import { CheckboxListPlugin as n } from "./CheckboxListPlugin/index.es.js";
+import { CheckboxListPlugin as Q, createCheckboxListPlugin as V } from "./CheckboxListPlugin/index.es.js";
+import { BoldPlugin as e } from "./BoldPlugin/index.es.js";
+import { BoldPlugin as X } from "./BoldPlugin/index.es.js";
+import { AlignCenterPlugin as t } from "./AlignPlugin/AlignCenterPlugin/index.es.js";
+import { AlignCenterPlugin as Z } from "./AlignPlugin/AlignCenterPlugin/index.es.js";
+import { AlignLeftPlugin as l } from "./AlignPlugin/AlignLeftPlugin/index.es.js";
+import { AlignLeftPlugin as $ } from "./AlignPlugin/AlignLeftPlugin/index.es.js";
+import { AlignJustifyPlugin as m } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
+import { AlignJustifyPlugin as ir } from "./AlignPlugin/AlignJustifyPlugin/index.es.js";
+import { AlignRightPlugin as g } from "./AlignPlugin/AlignRightPlugin/index.es.js";
+import { AlignRightPlugin as nr } from "./AlignPlugin/AlignRightPlugin/index.es.js";
+import { CodePlugin as u } from "./CodePlugin/index.es.js";
+import { CodePlugin as tr } from "./CodePlugin/index.es.js";
+import { ItalicPlugin as p } from "./ItalicPlugin/index.es.js";
+import { ItalicPlugin as mr } from "./ItalicPlugin/index.es.js";
+import { UnderlinePlugin as P } from "./UnderlinePlugin/index.es.js";
+import { UnderlinePlugin as ur } from "./UnderlinePlugin/index.es.js";
+import { StrikethroughPlugin as f } from "./StrikethroughPlugin/index.es.js";
+import { StrikethroughPlugin as Pr } from "./StrikethroughPlugin/index.es.js";
+import { LinkPlugin as x } from "./LinkPlugin/index.es.js";
+import { LinkPlugin as xr, createLinkPlugin as sr } from "./LinkPlugin/index.es.js";
+import { TextStylePlugin as s } from "./TextStylePlugin/index.es.js";
+import { TextStylePlugin as dr } from "./TextStylePlugin/index.es.js";
+import { InitPlugin as w } from "./InitPlugin/index.es.js";
+import { InitPlugin as hr } from "./InitPlugin/index.es.js";
+import "react";
+import "@udecode/plate";
+import "../context/RichTextEditorContext.es.js";
+import "slate-react";
+import "./MentionPlugin/createMentionPlugin.es.js";
+const d = new r();
+d.setPlugin(new w()).setPlugin(new s()).setPlugin([
+  new e(),
+  new p(),
+  new P(),
+  new f(),
+  new x(),
+  new u()
+], [
+  new l(),
+  new t(),
+  new g(),
+  new m(),
+  new o(),
+  new n(),
+  new i()
+]);
+export {
+  Z as AlignCenterPlugin,
+  ir as AlignJustifyPlugin,
+  $ as AlignLeftPlugin,
+  nr as AlignRightPlugin,
+  X as BoldPlugin,
+  Q as CheckboxListPlugin,
+  tr as CodePlugin,
+  hr as InitPlugin,
+  mr as ItalicPlugin,
+  xr as LinkPlugin,
+  H as OrderedListPlugin,
+  F as PluginComposer,
+  Pr as StrikethroughPlugin,
+  dr as TextStylePlugin,
+  ur as UnderlinePlugin,
+  M as UnorderedListPlugin,
+  V as createCheckboxListPlugin,
+  sr as createLinkPlugin,
+  d as defaultPlugins
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PluginComposer } from './PluginComposer';\nimport { OrderedListPlugin, UnorderedListPlugin } from './ListPlugin';\nimport { CheckboxListPlugin } from './CheckboxListPlugin';\nimport { BoldPlugin } from './BoldPlugin';\nimport { AlignCenterPlugin, AlignJustifyPlugin, AlignLeftPlugin, AlignRightPlugin } from './AlignPlugin';\nimport { CodePlugin } from './CodePlugin';\nimport { ItalicPlugin } from './ItalicPlugin';\nimport { UnderlinePlugin } from './UnderlinePlugin';\nimport { StrikethroughPlugin } from './StrikethroughPlugin';\nimport { LinkPlugin } from './LinkPlugin';\nimport { TextStylePlugin } from './TextStylePlugin';\nimport { InitPlugin } from './InitPlugin';\n\nexport const defaultPlugins = new PluginComposer();\ndefaultPlugins\n    .setPlugin(new InitPlugin())\n    .setPlugin(new TextStylePlugin())\n    .setPlugin(\n        [\n            new BoldPlugin(),\n            new ItalicPlugin(),\n            new UnderlinePlugin(),\n            new StrikethroughPlugin(),\n            new LinkPlugin(),\n            new CodePlugin(),\n        ],\n        [\n            new AlignLeftPlugin(),\n            new AlignCenterPlugin(),\n            new AlignRightPlugin(),\n            new AlignJustifyPlugin(),\n            new UnorderedListPlugin(),\n            new CheckboxListPlugin(),\n            new OrderedListPlugin(),\n        ],\n    );\n\nexport * from './GeneratePlugins';\nexport * from './PluginComposer';\nexport * from './InitPlugin';\nexport * from './ListPlugin';\nexport * from './BoldPlugin';\nexport * from './AlignPlugin';\nexport * from './CheckboxListPlugin';\nexport * from './CodePlugin';\nexport * from './ItalicPlugin';\nexport * from './UnderlinePlugin';\nexport * from './StrikethroughPlugin';\nexport * from './LinkPlugin';\nexport * from './MentionPlugin';\nexport * from './TextStylePlugin';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAea,MAAA,IAAiB,IAAI,EAAe;AACjD,EACK,UAAU,IAAI,GAAY,EAC1B,UAAU,IAAI,EAAA,CAAiB,EAC/B,UACG;AAAA,EACI,IAAI,EAAW;AAAA,EACf,IAAI,EAAa;AAAA,EACjB,IAAI,EAAgB;AAAA,EACpB,IAAI,EAAoB;AAAA,EACxB,IAAI,EAAW;AAAA,EACf,IAAI,EAAW;AACnB,GACA;AAAA,EACI,IAAI,EAAgB;AAAA,EACpB,IAAI,EAAkB;AAAA,EACtB,IAAI,EAAiB;AAAA,EACrB,IAAI,EAAmB;AAAA,EACvB,IAAI,EAAoB;AAAA,EACxB,IAAI,EAAmB;AAAA,EACvB,IAAI,EAAkB;AAC1B,CACJ;"}

package/dist/components/RichTextEditor/{EditorActions/Plugins → Plugins}/types.d.ts

@@ -19,7 +19,11 @@ export declare type Button = {
 };
 export declare type Buttons = Button[][];
 export declare type Plugins = (Plugin[] | Plugin)[];
+export type { Plugin } from './Plugin';
 export declare type IconStylingWrapperProps = {
     icon: ReactElement;
 };
 export declare type InlineData = () => ReactElement;
+export declare type PluginComposerProps = {
+    noToolbar?: boolean;
+};

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { DesignTokens, PaddingSizes } from './types';
 import { EditorActions } from './utils/actions';
 import { Position } from './EditorPositioningWrapper';
-import { PluginComposer } from './EditorActions/Plugins';
+import { PluginComposer } from './Plugins';
 export declare type RichTextEditorProps = {
     id?: string;
     placeholder?: string;

package/dist/components/RichTextEditor/RichTextEditor.es.js

@@ -12,20 +12,20 @@ import "slate";
 import { ON_SAVE_DELAY_IN_MS as M } from "./utils/constants.es.js";
 import { defaultDesignTokens as u } from "./utils/defaultDesignTokens.es.js";
 import { parseRawValue as J } from "./utils/parseRawValue.es.js";
-import { TextStyles as E } from "./EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import "./EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+import { TextStyles as E } from "./Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "./Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 import { EditorPositioningWrapper as j } from "./EditorPositioningWrapper/index.es.js";
 import { getEditorConfig as F } from "./utils/editorConfig.es.js";
-import "./EditorActions/Plugins/index.es.js";
+import "./Plugins/index.es.js";
 import { forceTabOutOfActiveElement as H } from "./helper.es.js";
-import { GeneratePlugins as K } from "./EditorActions/Plugins/GeneratePlugins.es.js";
+import { GeneratePlugins as K } from "./Plugins/GeneratePlugins.es.js";
 import { Position as Y } from "./EditorPositioningWrapper/types.es.js";
 const Ro = ({
   id: P,

package/dist/components/RichTextEditor/RichTextEditor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { Plate, TNode } from '@udecode/plate';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { debounce } from '@utilities/debounce';\nimport { EditableProps } from 'slate-react/dist/components/editable';\nimport { Toolbar } from './components/Toolbar/Toolbar';\nimport { RichTextEditorContext } from './context/RichTextEditorContext';\nimport { useEditorResize, useEditorState } from './hooks';\nimport { DesignTokens, PaddingSizes } from './types';\nimport { EditorActions, defaultActions } from './utils/actions';\nimport { ON_SAVE_DELAY_IN_MS } from './utils';\nimport { defaultDesignTokens } from './utils/defaultDesignTokens';\nimport { parseRawValue } from './utils/parseRawValue';\nimport { TextStyles } from './EditorActions/Plugins/TextStylePlugin/TextStyles';\nimport { EditorPositioningWrapper } from './EditorPositioningWrapper';\nimport { Position } from './EditorPositioningWrapper';\nimport { getEditorConfig } from './utils/editorConfig';\nimport { GeneratePlugins, PluginComposer } from './EditorActions/Plugins';\nimport { forceTabOutOfActiveElement } from './helper';\n\nexport type RichTextEditorProps = {\n    id?: string;\n    placeholder?: string;\n    value?: string;\n    onTextChange?: (value: string) => void;\n    onBlur?: (value: string) => void;\n    readonly?: boolean;\n    clear?: boolean;\n    designTokens?: DesignTokens;\n    actions?: EditorActions[][];\n    padding?: PaddingSizes;\n    position?: Position;\n    plugins?: PluginComposer;\n};\n\nexport const RichTextEditor: FC<RichTextEditorProps> = ({\n    id,\n    value: initialValue,\n    placeholder = '',\n    readonly = false,\n    clear = false,\n    designTokens = defaultDesignTokens,\n    actions = defaultActions,\n    onTextChange,\n    onBlur,\n    padding = PaddingSizes.None,\n    position = Position.FLOATING,\n    plugins,\n}) => {\n    const editorId = useMemoizedId(id);\n    const { localValue } = useEditorState(editorId, clear);\n    const { editorRef, editorWidth } = useEditorResize();\n\n    const editableProps: EditableProps = {\n        placeholder,\n        readOnly: readonly,\n        onBlur: () => onBlur && onBlur(JSON.stringify(localValue.current)),\n        className: padding,\n        onKeyDown: (event) => {\n            if (event.code === 'Tab') {\n                // Forcing a blur event because of accessibility\n                forceTabOutOfActiveElement();\n            }\n        },\n    };\n\n    useEffect(() => {\n        for (const element of Object.values(TextStyles).filter(\n            (textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH,\n        )) {\n            if (!designTokens[element]) {\n                designTokens[element] = defaultDesignTokens[element];\n            }\n        }\n    }, [designTokens]);\n\n    const debouncedOnChange = debounce((value: TNode[]) => {\n        onTextChange && onTextChange(JSON.stringify(value));\n    }, ON_SAVE_DELAY_IN_MS);\n\n    const onChange = useCallback(\n        (value) => {\n            debouncedOnChange(value);\n            localValue.current = value;\n        },\n        [debouncedOnChange, localValue],\n    );\n\n    const PositioningWrapper = EditorPositioningWrapper[position];\n\n    const config = GeneratePlugins(editorId, plugins);\n    const isNew = !!config && actions.length === 0 && !!plugins;\n    const editorConfig = isNew ? config.create() : getEditorConfig();\n\n    return (\n        <RichTextEditorContext.Provider value={{ designTokens, PositioningWrapper }}>\n            <PositioningWrapper.PlateWrapper ref={editorRef}>\n                <Plate\n                    id={editorId}\n                    initialValue={parseRawValue(initialValue)}\n                    onChange={onChange}\n                    editableProps={editableProps}\n                    plugins={editorConfig}\n                >\n                    {isNew && config.toolbar(editorWidth)}\n                    {isNew && config.inline()}\n                    {!isNew && <Toolbar editorId={editorId} actions={actions} editorWidth={editorWidth} />}\n                </Plate>\n            </PositioningWrapper.PlateWrapper>\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,KAA0C,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP,iBAAc;AAAA,EACd,cAAW;AAAA,EACX,WAAQ;AAAA,EACR,kBAAe;AAAA,EACf,aAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,aAAU,EAAa;AAAA,EACvB,cAAW,EAAS;AAAA,EACpB;AAAA,MACE;AACI,QAAA,IAAW,EAAc,CAAE,GAC3B,EAAE,kBAAe,EAAe,GAAU,CAAK,GAC/C,EAAE,cAAW,mBAAgB,EAAgB,GAE7C,IAA+B;AAAA,IACjC;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,KAAU,EAAO,KAAK,UAAU,EAAW,OAAO,CAAC;AAAA,IACjE,WAAW;AAAA,IACX,WAAW,CAAC,MAAU;AACd,MAAA,EAAM,SAAS,SAEY;IAEnC;AAAA,EAAA;AAGJ,IAAU,MAAM;AACD,eAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAC5C,CAAC,MAAc,MAAc,EAAW,iBAC5C;AACQ,MAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAAA,EAEpD,GACD,CAAC,CAAY,CAAC;AAEX,QAAA,IAAoB,EAAS,CAAC,MAAmB;AACnD,SAAgB,EAAa,KAAK,UAAU,CAAK,CAAC;AAAA,KACnD,CAAmB,GAEhB,IAAW,EACb,CAAC,MAAU;AACP,MAAkB,CAAK,GACvB,EAAW,UAAU;AAAA,EAAA,GAEzB,CAAC,GAAmB,CAAU,CAClC,GAEM,IAAqB,EAAyB,IAE9C,IAAS,EAAgB,GAAU,CAAO,GAC1C,IAAQ,CAAC,CAAC,KAAU,EAAQ,WAAW,KAAK,CAAC,CAAC,GAC9C,IAAe,IAAQ,EAAO,WAAW,EAAgB;AAG3D,SAAA,kBAAA,cAAC,EAAsB,UAAtB;AAAA,IAA+B,OAAO,EAAE,iBAAc,sBAAmB;AAAA,EACtE,GAAA,kBAAA,cAAC,EAAmB,cAAnB;AAAA,IAAgC,KAAK;AAAA,EAAA,GACjC,kBAAA,cAAA,GAAA;AAAA,IACG,IAAI;AAAA,IACJ,cAAc,EAAc,CAAY;AAAA,IACxC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAER,GAAA,KAAS,EAAO,QAAQ,CAAW,GACnC,KAAS,EAAO,OAAO,GACvB,CAAC,KAAU,kBAAA,cAAA,GAAA;AAAA,IAAQ;AAAA,IAAoB;AAAA,IAAkB;AAAA,EAAA,CAA0B,CACxF,CACJ,CACJ;AAER;"}
+{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { Plate, TNode } from '@udecode/plate';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { debounce } from '@utilities/debounce';\nimport { EditableProps } from 'slate-react/dist/components/editable';\nimport { Toolbar } from './components/Toolbar/Toolbar';\nimport { RichTextEditorContext } from './context/RichTextEditorContext';\nimport { useEditorResize, useEditorState } from './hooks';\nimport { DesignTokens, PaddingSizes } from './types';\nimport { EditorActions, defaultActions } from './utils/actions';\nimport { ON_SAVE_DELAY_IN_MS } from './utils';\nimport { defaultDesignTokens } from './utils/defaultDesignTokens';\nimport { parseRawValue } from './utils/parseRawValue';\nimport { TextStyles } from './Plugins/TextStylePlugin/TextStyles';\nimport { EditorPositioningWrapper } from './EditorPositioningWrapper';\nimport { Position } from './EditorPositioningWrapper';\nimport { getEditorConfig } from './utils/editorConfig';\nimport { GeneratePlugins, PluginComposer } from './Plugins';\nimport { forceTabOutOfActiveElement } from './helper';\n\nexport type RichTextEditorProps = {\n    id?: string;\n    placeholder?: string;\n    value?: string;\n    onTextChange?: (value: string) => void;\n    onBlur?: (value: string) => void;\n    readonly?: boolean;\n    clear?: boolean;\n    designTokens?: DesignTokens;\n    actions?: EditorActions[][];\n    padding?: PaddingSizes;\n    position?: Position;\n    plugins?: PluginComposer;\n};\n\nexport const RichTextEditor: FC<RichTextEditorProps> = ({\n    id,\n    value: initialValue,\n    placeholder = '',\n    readonly = false,\n    clear = false,\n    designTokens = defaultDesignTokens,\n    actions = defaultActions,\n    onTextChange,\n    onBlur,\n    padding = PaddingSizes.None,\n    position = Position.FLOATING,\n    plugins,\n}) => {\n    const editorId = useMemoizedId(id);\n    const { localValue } = useEditorState(editorId, clear);\n    const { editorRef, editorWidth } = useEditorResize();\n\n    const editableProps: EditableProps = {\n        placeholder,\n        readOnly: readonly,\n        onBlur: () => onBlur && onBlur(JSON.stringify(localValue.current)),\n        className: padding,\n        onKeyDown: (event) => {\n            if (event.code === 'Tab') {\n                // Forcing a blur event because of accessibility\n                forceTabOutOfActiveElement();\n            }\n        },\n    };\n\n    useEffect(() => {\n        for (const element of Object.values(TextStyles).filter(\n            (textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH,\n        )) {\n            if (!designTokens[element]) {\n                designTokens[element] = defaultDesignTokens[element];\n            }\n        }\n    }, [designTokens]);\n\n    const debouncedOnChange = debounce((value: TNode[]) => {\n        onTextChange && onTextChange(JSON.stringify(value));\n    }, ON_SAVE_DELAY_IN_MS);\n\n    const onChange = useCallback(\n        (value) => {\n            debouncedOnChange(value);\n            localValue.current = value;\n        },\n        [debouncedOnChange, localValue],\n    );\n\n    const PositioningWrapper = EditorPositioningWrapper[position];\n\n    const config = GeneratePlugins(editorId, plugins);\n    const isNew = !!config && actions.length === 0 && !!plugins;\n    const editorConfig = isNew ? config.create() : getEditorConfig();\n\n    return (\n        <RichTextEditorContext.Provider value={{ designTokens, PositioningWrapper }}>\n            <PositioningWrapper.PlateWrapper ref={editorRef}>\n                <Plate\n                    id={editorId}\n                    initialValue={parseRawValue(initialValue)}\n                    onChange={onChange}\n                    editableProps={editableProps}\n                    plugins={editorConfig}\n                >\n                    {isNew && config.toolbar(editorWidth)}\n                    {isNew && config.inline()}\n                    {!isNew && <Toolbar editorId={editorId} actions={actions} editorWidth={editorWidth} />}\n                </Plate>\n            </PositioningWrapper.PlateWrapper>\n        </RichTextEditorContext.Provider>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,KAA0C,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP,iBAAc;AAAA,EACd,cAAW;AAAA,EACX,WAAQ;AAAA,EACR,kBAAe;AAAA,EACf,aAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,aAAU,EAAa;AAAA,EACvB,cAAW,EAAS;AAAA,EACpB;AAAA,MACE;AACI,QAAA,IAAW,EAAc,CAAE,GAC3B,EAAE,kBAAe,EAAe,GAAU,CAAK,GAC/C,EAAE,cAAW,mBAAgB,EAAgB,GAE7C,IAA+B;AAAA,IACjC;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,KAAU,EAAO,KAAK,UAAU,EAAW,OAAO,CAAC;AAAA,IACjE,WAAW;AAAA,IACX,WAAW,CAAC,MAAU;AACd,MAAA,EAAM,SAAS,SAEY;IAEnC;AAAA,EAAA;AAGJ,IAAU,MAAM;AACD,eAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAC5C,CAAC,MAAc,MAAc,EAAW,iBAC5C;AACQ,MAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAAA,EAEpD,GACD,CAAC,CAAY,CAAC;AAEX,QAAA,IAAoB,EAAS,CAAC,MAAmB;AACnD,SAAgB,EAAa,KAAK,UAAU,CAAK,CAAC;AAAA,KACnD,CAAmB,GAEhB,IAAW,EACb,CAAC,MAAU;AACP,MAAkB,CAAK,GACvB,EAAW,UAAU;AAAA,EAAA,GAEzB,CAAC,GAAmB,CAAU,CAClC,GAEM,IAAqB,EAAyB,IAE9C,IAAS,EAAgB,GAAU,CAAO,GAC1C,IAAQ,CAAC,CAAC,KAAU,EAAQ,WAAW,KAAK,CAAC,CAAC,GAC9C,IAAe,IAAQ,EAAO,WAAW,EAAgB;AAG3D,SAAA,kBAAA,cAAC,EAAsB,UAAtB;AAAA,IAA+B,OAAO,EAAE,iBAAc,sBAAmB;AAAA,EACtE,GAAA,kBAAA,cAAC,EAAmB,cAAnB;AAAA,IAAgC,KAAK;AAAA,EAAA,GACjC,kBAAA,cAAA,GAAA;AAAA,IACG,IAAI;AAAA,IACJ,cAAc,EAAc,CAAY;AAAA,IACxC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAER,GAAA,KAAS,EAAO,QAAQ,CAAW,GACnC,KAAS,EAAO,OAAO,GACvB,CAAC,KAAU,kBAAA,cAAA,GAAA;AAAA,IAAQ;AAAA,IAAoB;AAAA,IAAkB;AAAA,EAAA,CAA0B,CACxF,CACJ,CACJ;AAER;"}

package/dist/components/RichTextEditor/{EditorActions/Toolbar → Toolbar}/index.es.js

@@ -1,5 +1,5 @@
 import t from "react";
-import { useRichTextEditorContext as w } from "../../context/RichTextEditorContext.es.js";
+import { useRichTextEditorContext as w } from "../context/RichTextEditorContext.es.js";
 import { ButtonGroupWrapper as f } from "../Plugins/helper.es.js";
 import { getButtonGroupWidths as x, getButtonGroupsPerRow as G } from "./utils.es.js";
 const W = ({ buttons: p, editor: i, editorId: a, editorWidth: e }) => {

package/dist/components/RichTextEditor/Toolbar/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/components/RichTextEditor/Toolbar/index.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { ButtonGroupWrapper } from '../Plugins/helper';\nimport { ToolbarProps } from './types';\nimport { getButtonGroupWidths, getButtonGroupsPerRow } from './utils';\n\nexport const Toolbar = ({ buttons, editor, editorId, editorWidth }: ToolbarProps) => {\n    const { PositioningWrapper } = useRichTextEditorContext();\n\n    const buttonGroupWidths = getButtonGroupWidths(buttons);\n    const buttonGroupsPerRow = getButtonGroupsPerRow(editorWidth || 0, buttonGroupWidths);\n\n    return (\n        <PositioningWrapper.ToolbarWrapper editorWidth={editorWidth} toolbarButtonGroups={buttonGroupsPerRow}>\n            {buttonGroupsPerRow.map((row, index) => (\n                <div className=\"tw-divide-x tw-divide-line tw-flex tw-w-full tw-flex-wrap\" key={index}>\n                    {row.map(({ group, index }) => (\n                        <ButtonGroupWrapper index={index} key={index}>\n                            {group.map((ToolbarButton, idx) => (\n                                <ToolbarButton.button\n                                    editor={editor}\n                                    editorId={editorId}\n                                    id={ToolbarButton.id}\n                                    key={idx.toString()}\n                                />\n                            ))}\n                        </ButtonGroupWrapper>\n                    ))}\n                </div>\n            ))}\n        </PositioningWrapper.ToolbarWrapper>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAAU,CAAC,EAAE,YAAS,WAAQ,aAAU,qBAAgC;AAC3E,QAAA,EAAE,0BAAuB,KAEzB,IAAoB,EAAqB,CAAO,GAChD,IAAqB,EAAsB,KAAe,GAAG,CAAiB;AAGhF,SAAA,kBAAA,cAAC,EAAmB,gBAAnB;AAAA,IAAkC;AAAA,IAA0B,qBAAqB;AAAA,EAAA,GAC7E,EAAmB,IAAI,CAAC,GAAK,MACzB,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,IAA4D,KAAK;AAAA,EAAA,GAC3E,EAAI,IAAI,CAAC,EAAE,UAAO,eACd,kBAAA,cAAA,GAAA;AAAA,IAAmB,OAAO;AAAA,IAAO,KAAK;AAAA,EAAA,GAClC,EAAM,IAAI,CAAC,GAAe,MACvB,kBAAA,cAAC,EAAc,QAAd;AAAA,IACG;AAAA,IACA;AAAA,IACA,IAAI,EAAc;AAAA,IAClB,KAAK,EAAI,SAAS;AAAA,EAAA,CACtB,CACH,CACL,CACH,CACL,CACH,CACL;AAER;"}

package/dist/components/RichTextEditor/Toolbar/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../../../src/components/RichTextEditor/Toolbar/utils.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TEXT_STYLE_PLUGIN } from '../Plugins/TextStylePlugin/id';\nimport { Button, Buttons } from '../Plugins/types';\nimport { ButtonGroupWidths, ButtonGroupsPerRow } from './types';\n\nconst BUTTON_GROUP_PADDING_PX = 12;\nconst BUTTON_GROUP_SIZE_PX = 26;\nconst BUTTON_GROUP_DROPDOWN_PX = 124;\n\nexport const getButtonGroupWidths = (buttons: Buttons) =>\n    buttons.map((group, index) => ({\n        group,\n        buttonGroupWidth: group.reduce(\n            (prev, button: Button) =>\n                button.id === TEXT_STYLE_PLUGIN ? BUTTON_GROUP_DROPDOWN_PX : BUTTON_GROUP_SIZE_PX + prev,\n            BUTTON_GROUP_PADDING_PX,\n        ),\n        index,\n    }));\n\nexport const getButtonGroupsPerRow = (editorWidth: number, buttonGroupWidths: ButtonGroupWidths) =>\n    buttonGroupWidths.reduce<ButtonGroupsPerRow>((buttonGroupWidthsPerRow, { group, buttonGroupWidth, index }) => {\n        const rowCount = Math.max(0, buttonGroupWidthsPerRow.length - 1);\n\n        buttonGroupWidthsPerRow[rowCount] = buttonGroupWidthsPerRow[rowCount] ?? [];\n\n        const currentRowWidth = (buttonGroupWidthsPerRow[rowCount] ?? [{ actions: [], buttonGroupWidth: 0 }]).reduce(\n            (prev, { buttonGroupWidth }) => prev + buttonGroupWidth,\n            0,\n        );\n\n        if (currentRowWidth + buttonGroupWidth <= editorWidth) {\n            buttonGroupWidthsPerRow[rowCount].push({ group, buttonGroupWidth, index });\n        } else {\n            buttonGroupWidthsPerRow.push([{ group, buttonGroupWidth, index }]);\n        }\n\n        return buttonGroupWidthsPerRow.filter((element) => element.length);\n    }, []);\n"],"names":[],"mappings":";AAMA,MAAM,IAA0B,IAC1B,IAAuB,IACvB,IAA2B,KAEpB,IAAuB,CAAC,MACjC,EAAQ,IAAI,CAAC,GAAO,MAAW;AAAA,EAC3B;AAAA,EACA,kBAAkB,EAAM,OACpB,CAAC,GAAM,MACH,EAAO,OAAO,IAAoB,IAA2B,IAAuB,GACxF,CACJ;AAAA,EACA;AACJ,EAAE,GAEO,IAAwB,CAAC,GAAqB,MACvD,EAAkB,OAA2B,CAAC,GAAyB,EAAE,UAAO,qBAAkB,eAAY;;AAC1G,QAAM,IAAW,KAAK,IAAI,GAAG,EAAwB,SAAS,CAAC;AAEvC,WAAA,KAAY,OAAwB,OAAxB,WAAqC,CAAA,GAOrE,AAAA,AAL6C,QAAA,OAAA,WAAa,CAAC,EAAE,SAAS,IAAI,kBAAkB,GAAG,GAAG,OAClG,CAAC,GAAM,EAAE,kBAAuB,QAAA,IAAO,GACvC,CACJ,IAEsB,KAAoB,IACtC,EAAwB,GAAU,KAAK,EAAE,UAAO,qBAAkB,UAAO,IAEzE,EAAwB,KAAK,CAAC,EAAE,UAAO,qBAAkB,SAAO,CAAA,CAAC,GAG9D,EAAwB,OAAO,CAAC,MAAY,EAAQ,MAAM;AACrE,GAAG,CAAE,CAAA;"}

package/dist/components/RichTextEditor/components/Toolbar/ButtonGroup.es.js

@@ -1335,6 +1335,18 @@ import "../../../../foundation/Icon/Generated/IconSide16.es.js";
 import "../../../../foundation/Icon/Generated/IconSide20.es.js";
 import "../../../../foundation/Icon/Generated/IconSide24.es.js";
 import "../../../../foundation/Icon/Generated/IconSide32.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft12.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft16.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft20.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft24.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarLeft32.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight12.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight16.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight20.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight24.es.js";
+import "../../../../foundation/Icon/Generated/IconSidebarRight32.es.js";
 import "../../../../foundation/Icon/Generated/IconSketch.es.js";
 import "../../../../foundation/Icon/Generated/IconSketch12.es.js";
 import "../../../../foundation/Icon/Generated/IconSketch16.es.js";
@@ -1638,16 +1650,16 @@ import t from "react";
 import "../../../../foundation/Icon/IconsMap.es.js";
 import { IconSize as i } from "../../../../foundation/Icon/IconSize.es.js";
 import { usePlateEditorRef as g, AlignToolbarButton as l, MarkToolbarButton as c, getPluginType as n, MARK_BOLD as h, MARK_ITALIC as v, MARK_UNDERLINE as B, MARK_STRIKETHROUGH as C, MARK_CODE as M, LinkToolbarButton as D, ListToolbarButton as I, ELEMENT_OL as k, ELEMENT_UL as K } from "@udecode/plate";
-import { ELEMENT_CHECK_ITEM as d } from "../../EditorActions/Plugins/CheckboxListPlugin/id.es.js";
-import { CheckboxListToolbarButton as O } from "../../EditorActions/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js";
-import { TextStyleDropdown as G } from "../../EditorActions/Plugins/TextStylePlugin/TextStyleDropdown/index.es.js";
+import { ELEMENT_CHECK_ITEM as d } from "../../Plugins/CheckboxListPlugin/id.es.js";
+import { CheckboxListToolbarButton as O } from "../../Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js";
+import { TextStyleDropdown as G } from "../../Plugins/TextStylePlugin/TextStyleDropdown/index.es.js";
 import { EditorActions as o } from "../../utils/actions.es.js";
 const m = {
   root: "tw-text-text-weak tw-ml-0.5 hover:tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded",
   active: "tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse"
 }, p = { root: { width: "24px", height: "24px" } }, e = ({ icon: r }) => /* @__PURE__ */ t.createElement("span", {
   className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex"
-}, r), I1 = ({ index: r, actions: a, editorId: E }) => {
+}, r), _1 = ({ index: r, actions: a, editorId: E }) => {
   const s = g(E);
   return s && /* @__PURE__ */ t.createElement("div", {
     key: r,
@@ -1791,6 +1803,6 @@ const m = {
   })
 });
 export {
-  I1 as ButtonGroup
+  _1 as ButtonGroup
 };
 //# sourceMappingURL=ButtonGroup.es.js.map

package/dist/components/RichTextEditor/components/Toolbar/ButtonGroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.es.js","sources":["../../../../../src/components/RichTextEditor/components/Toolbar/ButtonGroup.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconLink,\n    IconListBullet,\n    IconListCheck,\n    IconListNumbers,\n    IconSize,\n    IconTextAlignmentCentre,\n    IconTextAlignmentJustify,\n    IconTextAlignmentLeft,\n    IconTextAlignmentRight,\n    IconTextBrackets,\n    IconTextFormatBold,\n    IconTextFormatItalic,\n    IconTextFormatStrikethrough,\n    IconTextFormatUnderline,\n} from '@foundation/Icon';\nimport {\n    AlignToolbarButton,\n    ELEMENT_OL,\n    ELEMENT_UL,\n    LinkToolbarButton,\n    ListToolbarButton,\n    MARK_BOLD,\n    MARK_CODE,\n    MARK_ITALIC,\n    MARK_STRIKETHROUGH,\n    MARK_UNDERLINE,\n    MarkToolbarButton,\n    PlateEditor,\n    getPluginType,\n    usePlateEditorRef,\n} from '@udecode/plate';\nimport { FC, default as React, ReactElement } from 'react';\nimport { ELEMENT_CHECK_ITEM } from '../../EditorActions/Plugins/CheckboxListPlugin/id';\nimport { CheckboxListToolbarButton } from '../../EditorActions/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton';\nimport { TextStyleDropdown } from '../../EditorActions/Plugins/TextStylePlugin/TextStyleDropdown';\nimport { ButtonGroupProps, IconStylingWrapperProps } from '../../types';\nimport { EditorActions } from '../../utils/actions';\nconst classNames = {\n    root: 'tw-text-text-weak tw-ml-0.5 hover:tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded',\n    active: 'tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse',\n};\nconst styles = { root: { width: '24px', height: '24px' } };\n\nconst IconStylingWrapper: FC<IconStylingWrapperProps> = ({ icon }) => (\n    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">{icon}</span>\n);\n\nexport const ButtonGroup: FC<ButtonGroupProps> = ({ index, actions, editorId }) => {\n    const editor = usePlateEditorRef(editorId);\n\n    return (\n        editor && (\n            <div key={index} data-test-id={`toolbar-group-${index}`} className=\"tw-flex tw-items-center tw-h-9 tw-p-2\">\n                {actions.map((action) => (\n                    <div key={action}>{ToolbarButtonMap(editor, editorId)[action]}</div>\n                ))}\n            </div>\n        )\n    );\n};\n\nconst ToolbarButtonMap = (editor: PlateEditor, editorId?: string): Record<EditorActions, ReactElement> => ({\n    [EditorActions.TEXT_STYLES]: <TextStyleDropdown editorId={editorId} />,\n    [EditorActions.ALIGN_LEFT]: (\n        <AlignToolbarButton\n            value=\"left\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentLeft size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_CENTER]: (\n        <AlignToolbarButton\n            value=\"center\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentCentre size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_RIGHT]: (\n        <AlignToolbarButton\n            value=\"right\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentRight size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_JUSTIFY]: (\n        <AlignToolbarButton\n            value=\"justify\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentJustify size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.BOLD]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_BOLD)}\n            icon={<IconStylingWrapper icon={<IconTextFormatBold size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ITALIC]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_ITALIC)}\n            icon={<IconStylingWrapper icon={<IconTextFormatItalic size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.UNDERLINE]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_UNDERLINE)}\n            icon={<IconStylingWrapper icon={<IconTextFormatUnderline size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.STRIKETHROUGH]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_STRIKETHROUGH)}\n            icon={<IconStylingWrapper icon={<IconTextFormatStrikethrough size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.CODE]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_CODE)}\n            icon={<IconStylingWrapper icon={<IconTextBrackets size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.CHECK_ITEM]: (\n        <CheckboxListToolbarButton\n            type={getPluginType(editor, ELEMENT_CHECK_ITEM)}\n            icon={<IconStylingWrapper icon={<IconListCheck size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.LINK]: (\n        <LinkToolbarButton\n            icon={<IconStylingWrapper icon={<IconLink size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ORDERED_LIST]: (\n        <ListToolbarButton\n            type={getPluginType(editor, ELEMENT_OL)}\n            icon={<IconStylingWrapper icon={<IconListNumbers size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.UNORDERED_LIST]: (\n        <ListToolbarButton\n            type={getPluginType(editor, ELEMENT_UL)}\n            icon={<IconStylingWrapper icon={<IconListBullet size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"version":3,"file":"ButtonGroup.es.js","sources":["../../../../../src/components/RichTextEditor/components/Toolbar/ButtonGroup.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconLink,\n    IconListBullet,\n    IconListCheck,\n    IconListNumbers,\n    IconSize,\n    IconTextAlignmentCentre,\n    IconTextAlignmentJustify,\n    IconTextAlignmentLeft,\n    IconTextAlignmentRight,\n    IconTextBrackets,\n    IconTextFormatBold,\n    IconTextFormatItalic,\n    IconTextFormatStrikethrough,\n    IconTextFormatUnderline,\n} from '@foundation/Icon';\nimport {\n    AlignToolbarButton,\n    ELEMENT_OL,\n    ELEMENT_UL,\n    LinkToolbarButton,\n    ListToolbarButton,\n    MARK_BOLD,\n    MARK_CODE,\n    MARK_ITALIC,\n    MARK_STRIKETHROUGH,\n    MARK_UNDERLINE,\n    MarkToolbarButton,\n    PlateEditor,\n    getPluginType,\n    usePlateEditorRef,\n} from '@udecode/plate';\nimport { FC, default as React, ReactElement } from 'react';\nimport { ELEMENT_CHECK_ITEM } from '../../Plugins/CheckboxListPlugin/id';\nimport { CheckboxListToolbarButton } from '../../Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton';\nimport { TextStyleDropdown } from '../../Plugins/TextStylePlugin/TextStyleDropdown';\nimport { ButtonGroupProps, IconStylingWrapperProps } from '../../types';\nimport { EditorActions } from '../../utils/actions';\nconst classNames = {\n    root: 'tw-text-text-weak tw-ml-0.5 hover:tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded',\n    active: 'tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse',\n};\nconst styles = { root: { width: '24px', height: '24px' } };\n\nconst IconStylingWrapper: FC<IconStylingWrapperProps> = ({ icon }) => (\n    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">{icon}</span>\n);\n\nexport const ButtonGroup: FC<ButtonGroupProps> = ({ index, actions, editorId }) => {\n    const editor = usePlateEditorRef(editorId);\n\n    return (\n        editor && (\n            <div key={index} data-test-id={`toolbar-group-${index}`} className=\"tw-flex tw-items-center tw-h-9 tw-p-2\">\n                {actions.map((action) => (\n                    <div key={action}>{ToolbarButtonMap(editor, editorId)[action]}</div>\n                ))}\n            </div>\n        )\n    );\n};\n\nconst ToolbarButtonMap = (editor: PlateEditor, editorId?: string): Record<EditorActions, ReactElement> => ({\n    [EditorActions.TEXT_STYLES]: <TextStyleDropdown editorId={editorId} />,\n    [EditorActions.ALIGN_LEFT]: (\n        <AlignToolbarButton\n            value=\"left\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentLeft size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_CENTER]: (\n        <AlignToolbarButton\n            value=\"center\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentCentre size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_RIGHT]: (\n        <AlignToolbarButton\n            value=\"right\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentRight size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ALIGN_JUSTIFY]: (\n        <AlignToolbarButton\n            value=\"justify\"\n            icon={<IconStylingWrapper icon={<IconTextAlignmentJustify size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.BOLD]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_BOLD)}\n            icon={<IconStylingWrapper icon={<IconTextFormatBold size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ITALIC]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_ITALIC)}\n            icon={<IconStylingWrapper icon={<IconTextFormatItalic size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.UNDERLINE]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_UNDERLINE)}\n            icon={<IconStylingWrapper icon={<IconTextFormatUnderline size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.STRIKETHROUGH]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_STRIKETHROUGH)}\n            icon={<IconStylingWrapper icon={<IconTextFormatStrikethrough size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.CODE]: (\n        <MarkToolbarButton\n            type={getPluginType(editor, MARK_CODE)}\n            icon={<IconStylingWrapper icon={<IconTextBrackets size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.CHECK_ITEM]: (\n        <CheckboxListToolbarButton\n            type={getPluginType(editor, ELEMENT_CHECK_ITEM)}\n            icon={<IconStylingWrapper icon={<IconListCheck size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.LINK]: (\n        <LinkToolbarButton\n            icon={<IconStylingWrapper icon={<IconLink size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.ORDERED_LIST]: (\n        <ListToolbarButton\n            type={getPluginType(editor, ELEMENT_OL)}\n            icon={<IconStylingWrapper icon={<IconListNumbers size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n    [EditorActions.UNORDERED_LIST]: (\n        <ListToolbarButton\n            type={getPluginType(editor, ELEMENT_UL)}\n            icon={<IconStylingWrapper icon={<IconListBullet size={IconSize.Size16} />} />}\n            classNames={classNames}\n            styles={styles}\n        />\n    ),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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

@@ -1,7 +1,7 @@
 export * from './bold';
 export * from './code';
 export * from './italic';
-export * from '../EditorActions/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode';
+export * from '../Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode';
 export * from './list-item';
 export * from './list-item-content';
 export * from './ordered-list';

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

@@ -5,3 +5,4 @@ export { EMPTY_RICH_TEXT_VALUE } from './utils/parseRawValue';
 export * from './serializer/serializeToHtml';
 export { Position } from './EditorPositioningWrapper';
 export { PaddingSizes } from './types';
+export * from './Plugins';

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js

@@ -3,16 +3,16 @@ import { ELEMENT_LINK as c, ELEMENT_LI as i, ELEMENT_OL as m, ELEMENT_UL as s, E
 import "../../context/RichTextEditorContext.es.js";
 import { OL_CLASSES as o } from "../../components/ordered-list.es.js";
 import { UL_CLASSES as u } from "../../components/unordered-list.es.js";
-import { ELEMENT_CHECK_ITEM as L } from "../../EditorActions/Plugins/CheckboxListPlugin/id.es.js";
-import { TextStyles as l } from "../../EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+import { ELEMENT_CHECK_ITEM as L } from "../../Plugins/CheckboxListPlugin/id.es.js";
+import { TextStyles as l } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 import a from "../../../../node_modules/escape-html/index.es.js";
 import { reactCssPropsToCss as e } from "./reactCssPropsToCss.es.js";
 import { serializeLeafToHtml as h } from "./serializeLeafToHtml.es.js";

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["import { OL_CLASSES, UL_CLASSES } from '@components/RichTextEditor/components';\nimport { ELEMENT_CHECK_ITEM } from '../../EditorActions/Plugins/CheckboxListPlugin/id';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TextStyles } from '@components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles';\nimport { ELEMENT_LI, ELEMENT_LINK, ELEMENT_OL, ELEMENT_PARAGRAPH, ELEMENT_UL, TDescendant } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\n\nexport const serializeNodeToHtmlRecursive = (node: TDescendant, designTokens: DesignTokens): string => {\n    if (!node.children) {\n        return serializeLeafToHtml(node);\n    }\n\n    const children = node.children.map((n: TDescendant) => serializeNodeToHtmlRecursive(n, designTokens)).join('');\n\n    switch (node.type) {\n        case TextStyles.ELEMENT_HEADING1:\n            return `<h1 style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n        case TextStyles.ELEMENT_HEADING2:\n            return `<h2 style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n        case TextStyles.ELEMENT_HEADING3:\n            return `<h3 style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n        case TextStyles.ELEMENT_HEADING4:\n            return `<h4 style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n        case TextStyles.ELEMENT_CUSTOM1:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM2:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM3:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n        case TextStyles.ELEMENT_QUOTE:\n            return `<p style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n        case ELEMENT_PARAGRAPH:\n            return `<p>${children}</p>`;\n        case ELEMENT_UL:\n            return `<ul class=\"${UL_CLASSES}\">${children}</ul>`;\n        case ELEMENT_OL:\n            return `<ol class=\"${OL_CLASSES}\">${children}</ol>`;\n        case ELEMENT_LI:\n            return `<li>${children}</li>`;\n        case ELEMENT_LINK:\n            if (node.chosenLink) {\n                return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" target=${\n                    node.chosenLink.openInNewTab ? '_blank' : '_self'\n                } href=\"${escapeHtml(node.chosenLink.searchResult.link)}\">${children}</a>`;\n            }\n            return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" href=\"${escapeHtml(node.url)}\">${children}</a>`;\n        case ELEMENT_CHECK_ITEM:\n            return `<input type=\"checkbox\"/><label>${children}</label>`;\n\n        default:\n            return children;\n    }\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;;;;;;;;;;;;AASa,MAAA,IAA+B,CAAC,GAAmB,MAAuC;AAC/F,MAAA,CAAC,EAAK;AACN,WAAO,EAAoB,CAAI;AAGnC,QAAM,IAAW,EAAK,SAAS,IAAI,CAAC,MAAmB,EAA6B,GAAG,CAAY,CAAC,EAAE,KAAK,EAAE;AAE7G,UAAQ,EAAK;AAAA,SACJ,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,KAAK,MAAM;AAAA,SAC9D;AACD,aAAO,MAAM;AAAA,SACZ;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,OAAO;AAAA,SACb;AACD,aAAI,EAAK,aACE,aAAa,EAAmB,EAAa,IAAI,aACpD,EAAK,WAAW,eAAe,WAAW,iBACpCA,EAAW,EAAK,WAAW,aAAa,IAAI,MAAM,UAEzD,aAAa,EAAmB,EAAa,IAAI,YAAYA,EAAW,EAAK,GAAG,MAAM;AAAA,SAC5F;AACD,aAAO,kCAAkC;AAAA;AAGlC,aAAA;AAAA;AAEnB;"}
+{"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["import { OL_CLASSES, UL_CLASSES } from '@components/RichTextEditor/components';\nimport { ELEMENT_CHECK_ITEM } from '../../Plugins/CheckboxListPlugin/id';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\nimport { ELEMENT_LI, ELEMENT_LINK, ELEMENT_OL, ELEMENT_PARAGRAPH, ELEMENT_UL, TDescendant } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\n\nexport const serializeNodeToHtmlRecursive = (node: TDescendant, designTokens: DesignTokens): string => {\n    if (!node.children) {\n        return serializeLeafToHtml(node);\n    }\n\n    const children = node.children.map((n: TDescendant) => serializeNodeToHtmlRecursive(n, designTokens)).join('');\n\n    switch (node.type) {\n        case TextStyles.ELEMENT_HEADING1:\n            return `<h1 style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n        case TextStyles.ELEMENT_HEADING2:\n            return `<h2 style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n        case TextStyles.ELEMENT_HEADING3:\n            return `<h3 style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n        case TextStyles.ELEMENT_HEADING4:\n            return `<h4 style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n        case TextStyles.ELEMENT_CUSTOM1:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM2:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM3:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n        case TextStyles.ELEMENT_QUOTE:\n            return `<p style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n        case ELEMENT_PARAGRAPH:\n            return `<p>${children}</p>`;\n        case ELEMENT_UL:\n            return `<ul class=\"${UL_CLASSES}\">${children}</ul>`;\n        case ELEMENT_OL:\n            return `<ol class=\"${OL_CLASSES}\">${children}</ol>`;\n        case ELEMENT_LI:\n            return `<li>${children}</li>`;\n        case ELEMENT_LINK:\n            if (node.chosenLink) {\n                return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" target=${\n                    node.chosenLink.openInNewTab ? '_blank' : '_self'\n                } href=\"${escapeHtml(node.chosenLink.searchResult.link)}\">${children}</a>`;\n            }\n            return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" href=\"${escapeHtml(node.url)}\">${children}</a>`;\n        case ELEMENT_CHECK_ITEM:\n            return `<input type=\"checkbox\"/><label>${children}</label>`;\n\n        default:\n            return children;\n    }\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;;;;;;;;;;;;AASa,MAAA,IAA+B,CAAC,GAAmB,MAAuC;AAC/F,MAAA,CAAC,EAAK;AACN,WAAO,EAAoB,CAAI;AAGnC,QAAM,IAAW,EAAK,SAAS,IAAI,CAAC,MAAmB,EAA6B,GAAG,CAAY,CAAC,EAAE,KAAK,EAAE;AAE7G,UAAQ,EAAK;AAAA,SACJ,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,KAAK,MAAM;AAAA,SAC9D;AACD,aAAO,MAAM;AAAA,SACZ;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,OAAO;AAAA,SACb;AACD,aAAI,EAAK,aACE,aAAa,EAAmB,EAAa,IAAI,aACpD,EAAK,WAAW,eAAe,WAAW,iBACpCA,EAAW,EAAK,WAAW,aAAa,IAAI,MAAM,UAEzD,aAAa,EAAmB,EAAa,IAAI,YAAYA,EAAW,EAAK,GAAG,MAAM;AAAA,SAC5F;AACD,aAAO,kCAAkC;AAAA;AAGlC,aAAA;AAAA;AAEnB;"}

package/dist/components/RichTextEditor/serializer/utils/setDefaultDesignTokensIfNull.es.js

@@ -1,13 +1,13 @@
 import { defaultDesignTokens as m } from "../../utils/defaultDesignTokens.es.js";
-import { TextStyles as r } from "../../EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import "../../EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+import { TextStyles as r } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "../../Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 const D = (t) => {
   for (const o of Object.values(r).filter((e) => e !== r.ELEMENT_PARAGRAPH))
     t[o] || (t[o] = m[o]);

package/dist/components/RichTextEditor/serializer/utils/setDefaultDesignTokensIfNull.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"setDefaultDesignTokensIfNull.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/setDefaultDesignTokensIfNull.ts"],"sourcesContent":["import { DesignTokens } from '@components/RichTextEditor/types';\nimport { defaultDesignTokens } from '@components/RichTextEditor/utils/defaultDesignTokens';\nimport { TextStyles } from '@components/RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles';\n\nexport const setDefaultDesignTokensIfNull = (designTokens: DesignTokens): DesignTokens => {\n    for (const element of Object.values(TextStyles).filter((textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH)) {\n        if (!designTokens[element]) {\n            designTokens[element] = defaultDesignTokens[element];\n        }\n    }\n    return designTokens;\n};\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,IAA+B,CAAC,MAA6C;AAC3E,aAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAAO,CAAC,MAAc,MAAc,EAAW,iBAAiB;AACxG,IAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAG7C,SAAA;AACX;"}
+{"version":3,"file":"setDefaultDesignTokensIfNull.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/setDefaultDesignTokensIfNull.ts"],"sourcesContent":["import { DesignTokens } from '@components/RichTextEditor/types';\nimport { defaultDesignTokens } from '@components/RichTextEditor/utils/defaultDesignTokens';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\n\nexport const setDefaultDesignTokensIfNull = (designTokens: DesignTokens): DesignTokens => {\n    for (const element of Object.values(TextStyles).filter((textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH)) {\n        if (!designTokens[element]) {\n            designTokens[element] = defaultDesignTokens[element];\n        }\n    }\n    return designTokens;\n};\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,IAA+B,CAAC,MAA6C;AAC3E,aAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAAO,CAAC,MAAc,MAAc,EAAW,iBAAiB;AACxG,IAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAG7C,SAAA;AACX;"}

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactElement } from 'react';
-import { TextStyles } from './EditorActions/Plugins/TextStylePlugin/TextStyles';
+import { TextStyles } from './Plugins/TextStylePlugin/TextStyles';
 import { EditorActions } from './utils/actions';
 export declare type DesignTokens = Partial<Record<TextStyles, CSSProperties>>;
 export declare type ToolbarCustomProps = {

package/dist/components/RichTextEditor/types.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.es.js","sources":["../../../src/components/RichTextEditor/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties, ReactElement } from 'react';\nimport { TextStyles } from './EditorActions/Plugins/TextStylePlugin/TextStyles';\nimport { EditorActions } from './utils/actions';\n\nexport type DesignTokens = Partial<Record<TextStyles, CSSProperties>>;\n\nexport type ToolbarCustomProps = {\n    actions: EditorActions[][];\n    editorWidth?: number;\n    editorId?: string;\n};\n\nexport type IconStylingWrapperProps = {\n    icon: ReactElement;\n};\n\nexport type ButtonGroupProps = {\n    index: number;\n    editorId?: string;\n    actions: EditorActions[];\n};\n\nexport type ButtonGroupWidths = { actions: EditorActions[]; buttonGroupWidth: number; index: number }[];\n\nexport enum PaddingSizes {\n    None = 'tw-p-0',\n    Small = 'tw-p-2',\n    Medium = 'tw-p-4',\n    Large = 'tw-p-6',\n    XLarge = 'tw-p-8',\n}\n"],"names":[],"mappings":"AA0BY,IAAA,sBAAA,MACD,GAAA,OAAA,UACC,EAAA,QAAA,UACC,EAAA,SAAA,UACD,EAAA,QAAA,UACC,EAAA,SAAA,UALD,IAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.es.js","sources":["../../../src/components/RichTextEditor/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties, ReactElement } from 'react';\nimport { TextStyles } from './Plugins/TextStylePlugin/TextStyles';\nimport { EditorActions } from './utils/actions';\n\nexport type DesignTokens = Partial<Record<TextStyles, CSSProperties>>;\n\nexport type ToolbarCustomProps = {\n    actions: EditorActions[][];\n    editorWidth?: number;\n    editorId?: string;\n};\n\nexport type IconStylingWrapperProps = {\n    icon: ReactElement;\n};\n\nexport type ButtonGroupProps = {\n    index: number;\n    editorId?: string;\n    actions: EditorActions[];\n};\n\nexport type ButtonGroupWidths = { actions: EditorActions[]; buttonGroupWidth: number; index: number }[];\n\nexport enum PaddingSizes {\n    None = 'tw-p-0',\n    Small = 'tw-p-2',\n    Medium = 'tw-p-4',\n    Large = 'tw-p-6',\n    XLarge = 'tw-p-8',\n}\n"],"names":[],"mappings":"AA0BY,IAAA,sBAAA,MACD,GAAA,OAAA,UACC,EAAA,QAAA,UACC,EAAA,SAAA,UACD,EAAA,QAAA,UACC,EAAA,SAAA,UALD,IAAA,KAAA,CAAA,CAAA;"}

package/dist/components/RichTextEditor/utils/editorConfig.es.js

@@ -2,26 +2,26 @@ import { createPlateUI as o, ELEMENT_LINK as i, ELEMENT_UL as E, ELEMENT_OL as m
 import { BoldMark as H } from "../components/bold.es.js";
 import { CodeMark as U } from "../components/code.es.js";
 import { ItalicMark as R } from "../components/italic.es.js";
-import { LinkMarkupElementNode as O } from "../EditorActions/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js";
+import { LinkMarkupElementNode as O } from "../Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js";
 import { ListItemElement as K } from "../components/list-item.es.js";
 import { ListItemContentElement as S } from "../components/list-item-content.es.js";
 import { OrderedListElement as h } from "../components/ordered-list.es.js";
 import { StrikethroughMark as D } from "../components/strikethrough.es.js";
 import { UnderlineMark as G } from "../components/underline.es.js";
 import { UnorderedListElement as B } from "../components/unordered-list.es.js";
-import { createCheckboxListPlugin as x } from "../EditorActions/Plugins/CheckboxListPlugin/index.es.js";
-import { ELEMENT_CHECK_ITEM as r } from "../EditorActions/Plugins/CheckboxListPlugin/id.es.js";
-import { CheckboxListElementNode as y } from "../EditorActions/Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
-import { createLinkPlugin as b } from "../EditorActions/Plugins/LinkPlugin/index.es.js";
-import { TextStyles as e } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-import { createCustom1Plugin as j } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import { createCustom2Plugin as v } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import { createCustom3Plugin as Q } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import { createHeading1Plugin as q } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import { createHeading2Plugin as w } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import { createHeading3Plugin as z } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import { createHeading4Plugin as F } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import { createQuotePlugin as J } from "../EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+import { createCheckboxListPlugin as x } from "../Plugins/CheckboxListPlugin/index.es.js";
+import { ELEMENT_CHECK_ITEM as r } from "../Plugins/CheckboxListPlugin/id.es.js";
+import { CheckboxListElementNode as y } from "../Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
+import { createLinkPlugin as b } from "../Plugins/LinkPlugin/index.es.js";
+import { TextStyles as e } from "../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import { createCustom1Plugin as j } from "../Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import { createCustom2Plugin as v } from "../Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import { createCustom3Plugin as Q } from "../Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import { createHeading1Plugin as q } from "../Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import { createHeading2Plugin as w } from "../Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import { createHeading3Plugin as z } from "../Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import { createHeading4Plugin as F } from "../Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import { createQuotePlugin as J } from "../Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 const Te = () => {
   const t = o({
     [i]: O,

package/dist/components/RichTextEditor/utils/editorConfig.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"editorConfig.es.js","sources":["../../../../src/components/RichTextEditor/utils/editorConfig.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    ELEMENT_LI,\n    ELEMENT_LIC,\n    ELEMENT_LINK,\n    ELEMENT_OL,\n    ELEMENT_PARAGRAPH,\n    ELEMENT_UL,\n    MARK_BOLD,\n    MARK_CODE,\n    MARK_ITALIC,\n    MARK_STRIKETHROUGH,\n    MARK_UNDERLINE,\n    createAlignPlugin,\n    createBoldPlugin,\n    createCodeBlockPlugin,\n    createCodePlugin,\n    createIndentPlugin,\n    createItalicPlugin,\n    createListPlugin,\n    createParagraphPlugin,\n    createPlateUI,\n    createPlugins,\n    createSoftBreakPlugin,\n    createStrikethroughPlugin,\n    createUnderlinePlugin,\n} from '@udecode/plate';\nimport {\n    BoldMark,\n    CodeMark,\n    ItalicMark,\n    LinkMarkupElementNode,\n    ListItemContentElement,\n    ListItemElement,\n    OrderedListElement,\n    StrikethroughMark,\n    UnderlineMark,\n    UnorderedListElement,\n} from '../components';\nimport { createCheckboxListPlugin } from '../EditorActions/Plugins/CheckboxListPlugin/index';\nimport { ELEMENT_CHECK_ITEM } from '../EditorActions/Plugins/CheckboxListPlugin/id';\nimport { CheckboxListElementNode } from '../EditorActions/Plugins/CheckboxListPlugin/CheckboxListElement';\nimport { createLinkPlugin } from '../EditorActions/Plugins/LinkPlugin';\nimport {\n    TextStyles,\n    createCustom1Plugin,\n    createCustom2Plugin,\n    createCustom3Plugin,\n    createHeading1Plugin,\n    createHeading2Plugin,\n    createHeading3Plugin,\n    createHeading4Plugin,\n    createQuotePlugin,\n} from '../EditorActions/Plugins/TextStylePlugin/TextStyles';\n\nexport const getEditorConfig = () => {\n    const components = createPlateUI({\n        // this will override the components over the default ones\n        [ELEMENT_LINK]: LinkMarkupElementNode,\n        [ELEMENT_UL]: UnorderedListElement,\n        [ELEMENT_OL]: OrderedListElement,\n        [ELEMENT_LI]: ListItemElement,\n        [ELEMENT_LIC]: ListItemContentElement,\n        [MARK_BOLD]: BoldMark,\n        [MARK_ITALIC]: ItalicMark,\n        [MARK_UNDERLINE]: UnderlineMark,\n        [MARK_STRIKETHROUGH]: StrikethroughMark,\n        [MARK_CODE]: CodeMark,\n        [ELEMENT_CHECK_ITEM]: CheckboxListElementNode,\n    });\n\n    return createPlugins(\n        [\n            createSoftBreakPlugin(),\n            createAlignPlugin({\n                inject: {\n                    props: {\n                        validTypes: [\n                            ELEMENT_PARAGRAPH,\n                            TextStyles.ELEMENT_HEADING1,\n                            TextStyles.ELEMENT_HEADING2,\n                            TextStyles.ELEMENT_HEADING3,\n                            TextStyles.ELEMENT_HEADING4,\n                            TextStyles.ELEMENT_CUSTOM1,\n                            TextStyles.ELEMENT_CUSTOM2,\n                            TextStyles.ELEMENT_CUSTOM3,\n                            TextStyles.ELEMENT_QUOTE,\n                        ],\n                    },\n                },\n            }),\n            createIndentPlugin({\n                inject: {\n                    props: {\n                        validTypes: [ELEMENT_CHECK_ITEM],\n                    },\n                },\n            }),\n            createParagraphPlugin(),\n            createCodeBlockPlugin(),\n            createListPlugin(),\n            createCheckboxListPlugin(),\n            createLinkPlugin(),\n            createBoldPlugin(),\n            createItalicPlugin(),\n            createUnderlinePlugin(),\n            createStrikethroughPlugin(),\n            createCodePlugin(),\n            createHeading1Plugin(),\n            createHeading2Plugin(),\n            createHeading3Plugin(),\n            createHeading4Plugin(),\n            createCustom1Plugin(),\n            createCustom2Plugin(),\n            createCustom3Plugin(),\n            createQuotePlugin(),\n        ],\n        {\n            components,\n        },\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwDO,MAAM,KAAkB,MAAM;AACjC,QAAM,IAAa,EAAc;AAAA,IAE7B,CAAC,IAAe;AAAA,IAChB,CAAC,IAAa;AAAA,IACd,CAAC,IAAa;AAAA,IACd,CAAC,IAAa;AAAA,IACd,CAAC,IAAc;AAAA,IACf,CAAC,IAAY;AAAA,IACb,CAAC,IAAc;AAAA,IACf,CAAC,IAAiB;AAAA,IAClB,CAAC,IAAqB;AAAA,IACtB,CAAC,IAAY;AAAA,IACb,CAAC,IAAqB;AAAA,EAAA,CACzB;AAED,SAAO,EACH;AAAA,IACI,EAAsB;AAAA,IACtB,EAAkB;AAAA,MACd,QAAQ;AAAA,QACJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,UACf;AAAA,QACJ;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,IACD,EAAmB;AAAA,MACf,QAAQ;AAAA,QACJ,OAAO;AAAA,UACH,YAAY,CAAC,CAAkB;AAAA,QACnC;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,IACD,EAAsB;AAAA,IACtB,EAAsB;AAAA,IACtB,EAAiB;AAAA,IACjB,EAAyB;AAAA,IACzB,EAAiB;AAAA,IACjB,EAAiB;AAAA,IACjB,EAAmB;AAAA,IACnB,EAAsB;AAAA,IACtB,EAA0B;AAAA,IAC1B,EAAiB;AAAA,IACjB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAoB;AAAA,IACpB,EAAoB;AAAA,IACpB,EAAoB;AAAA,IACpB,EAAkB;AAAA,EAAA,GAEtB;AAAA,IACI;AAAA,EAAA,CAER;AACJ;"}
+{"version":3,"file":"editorConfig.es.js","sources":["../../../../src/components/RichTextEditor/utils/editorConfig.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    ELEMENT_LI,\n    ELEMENT_LIC,\n    ELEMENT_LINK,\n    ELEMENT_OL,\n    ELEMENT_PARAGRAPH,\n    ELEMENT_UL,\n    MARK_BOLD,\n    MARK_CODE,\n    MARK_ITALIC,\n    MARK_STRIKETHROUGH,\n    MARK_UNDERLINE,\n    createAlignPlugin,\n    createBoldPlugin,\n    createCodeBlockPlugin,\n    createCodePlugin,\n    createIndentPlugin,\n    createItalicPlugin,\n    createListPlugin,\n    createParagraphPlugin,\n    createPlateUI,\n    createPlugins,\n    createSoftBreakPlugin,\n    createStrikethroughPlugin,\n    createUnderlinePlugin,\n} from '@udecode/plate';\nimport {\n    BoldMark,\n    CodeMark,\n    ItalicMark,\n    LinkMarkupElementNode,\n    ListItemContentElement,\n    ListItemElement,\n    OrderedListElement,\n    StrikethroughMark,\n    UnderlineMark,\n    UnorderedListElement,\n} from '../components';\nimport { createCheckboxListPlugin } from '../Plugins/CheckboxListPlugin/index';\nimport { ELEMENT_CHECK_ITEM } from '../Plugins/CheckboxListPlugin/id';\nimport { CheckboxListElementNode } from '../Plugins/CheckboxListPlugin/CheckboxListElement';\nimport { createLinkPlugin } from '../Plugins/LinkPlugin';\nimport {\n    TextStyles,\n    createCustom1Plugin,\n    createCustom2Plugin,\n    createCustom3Plugin,\n    createHeading1Plugin,\n    createHeading2Plugin,\n    createHeading3Plugin,\n    createHeading4Plugin,\n    createQuotePlugin,\n} from '../Plugins/TextStylePlugin/TextStyles';\n\nexport const getEditorConfig = () => {\n    const components = createPlateUI({\n        // this will override the components over the default ones\n        [ELEMENT_LINK]: LinkMarkupElementNode,\n        [ELEMENT_UL]: UnorderedListElement,\n        [ELEMENT_OL]: OrderedListElement,\n        [ELEMENT_LI]: ListItemElement,\n        [ELEMENT_LIC]: ListItemContentElement,\n        [MARK_BOLD]: BoldMark,\n        [MARK_ITALIC]: ItalicMark,\n        [MARK_UNDERLINE]: UnderlineMark,\n        [MARK_STRIKETHROUGH]: StrikethroughMark,\n        [MARK_CODE]: CodeMark,\n        [ELEMENT_CHECK_ITEM]: CheckboxListElementNode,\n    });\n\n    return createPlugins(\n        [\n            createSoftBreakPlugin(),\n            createAlignPlugin({\n                inject: {\n                    props: {\n                        validTypes: [\n                            ELEMENT_PARAGRAPH,\n                            TextStyles.ELEMENT_HEADING1,\n                            TextStyles.ELEMENT_HEADING2,\n                            TextStyles.ELEMENT_HEADING3,\n                            TextStyles.ELEMENT_HEADING4,\n                            TextStyles.ELEMENT_CUSTOM1,\n                            TextStyles.ELEMENT_CUSTOM2,\n                            TextStyles.ELEMENT_CUSTOM3,\n                            TextStyles.ELEMENT_QUOTE,\n                        ],\n                    },\n                },\n            }),\n            createIndentPlugin({\n                inject: {\n                    props: {\n                        validTypes: [ELEMENT_CHECK_ITEM],\n                    },\n                },\n            }),\n            createParagraphPlugin(),\n            createCodeBlockPlugin(),\n            createListPlugin(),\n            createCheckboxListPlugin(),\n            createLinkPlugin(),\n            createBoldPlugin(),\n            createItalicPlugin(),\n            createUnderlinePlugin(),\n            createStrikethroughPlugin(),\n            createCodePlugin(),\n            createHeading1Plugin(),\n            createHeading2Plugin(),\n            createHeading3Plugin(),\n            createHeading4Plugin(),\n            createCustom1Plugin(),\n            createCustom2Plugin(),\n            createCustom3Plugin(),\n            createQuotePlugin(),\n        ],\n        {\n            components,\n        },\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwDO,MAAM,KAAkB,MAAM;AACjC,QAAM,IAAa,EAAc;AAAA,IAE7B,CAAC,IAAe;AAAA,IAChB,CAAC,IAAa;AAAA,IACd,CAAC,IAAa;AAAA,IACd,CAAC,IAAa;AAAA,IACd,CAAC,IAAc;AAAA,IACf,CAAC,IAAY;AAAA,IACb,CAAC,IAAc;AAAA,IACf,CAAC,IAAiB;AAAA,IAClB,CAAC,IAAqB;AAAA,IACtB,CAAC,IAAY;AAAA,IACb,CAAC,IAAqB;AAAA,EAAA,CACzB;AAED,SAAO,EACH;AAAA,IACI,EAAsB;AAAA,IACtB,EAAkB;AAAA,MACd,QAAQ;AAAA,QACJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,YACX,EAAW;AAAA,UACf;AAAA,QACJ;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,IACD,EAAmB;AAAA,MACf,QAAQ;AAAA,QACJ,OAAO;AAAA,UACH,YAAY,CAAC,CAAkB;AAAA,QACnC;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,IACD,EAAsB;AAAA,IACtB,EAAsB;AAAA,IACtB,EAAiB;AAAA,IACjB,EAAyB;AAAA,IACzB,EAAiB;AAAA,IACjB,EAAiB;AAAA,IACjB,EAAmB;AAAA,IACnB,EAAsB;AAAA,IACtB,EAA0B;AAAA,IAC1B,EAAiB;AAAA,IACjB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAqB;AAAA,IACrB,EAAoB;AAAA,IACpB,EAAoB;AAAA,IACpB,EAAoB;AAAA,IACpB,EAAkB;AAAA,EAAA,GAEtB;AAAA,IACI;AAAA,EAAA,CAER;AACJ;"}

package/dist/components/RichTextEditor/utils/toolbarCalc.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroupsPerRow } from '../EditorActions/Toolbar/types';
+import { ButtonGroupsPerRow } from '../Toolbar/types';
 import { ButtonGroupWidths } from '../types';
 import { EditorActions } from './actions';
 export declare const getButtonGroupWidthsPerRow: (toolbarWidth: number, buttonGroupsWidths: ButtonGroupWidths) => ButtonGroupWidths[];