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

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 './utils/textStyles';\nimport { EditorPositioningWrapper } from './EditorPositioningWrapper';\nimport { Position } from './EditorPositioningWrapper';\nimport { getEditorConfig } from './utils/editorConfig';\nimport { GeneratePlugins, PluginComposer } from './EditorActions';\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 && <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,KAAU,EAAQ,WAAW,KAAK,GAC1C,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,EAAA,GAER,KAAS,EAAO,QAAQ,CAAW,GACnC,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 './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;"}

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

@@ -1640,7 +1640,7 @@ 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 "../../TextStyleDropdown/TextStyleDropdown.es.js";
+import { TextStyleDropdown as G } from "../../EditorActions/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",

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 '../../TextStyleDropdown/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 '../../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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,IAAa;AAAA,EACf,MAAM;AAAA,EACN,QAAQ;AACZ,GACM,IAAS,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,YAE1C,IAAkD,CAAC,EAAE,cACtD,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAU;AAAA,GAA2D,CAAK,GAGvE,KAAoC,CAAC,EAAE,UAAO,YAAS,kBAAe;AACzE,QAAA,IAAS,EAAkB,CAAQ;AAEzC,SACI,KACK,kBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,IAAO,gBAAc,iBAAiB;AAAA,IAAS,WAAU;AAAA,EAAA,GAC9D,EAAQ,IAAI,CAAC,MACT,kBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,EAAA,GAAS,EAAiB,GAAQ,CAAQ,EAAE,EAAQ,CACjE,CACL;AAGZ,GAEM,IAAmB,CAAC,GAAqB,MAA4D;AAAA,EACvG,CAAC,EAAc,cAAe,kBAAA,cAAA,GAAA;AAAA,IAAkB;AAAA,EAAA,CAAoB;AAAA,EACpE,CAAC,EAAc,aACV,kBAAA,cAAA,GAAA;AAAA,IACG,OAAM;AAAA,IACN,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAsB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAClF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,eACV,kBAAA,cAAA,GAAA;AAAA,IACG,OAAM;AAAA,IACN,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAwB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACpF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,cACV,kBAAA,cAAA,GAAA;AAAA,IACG,OAAM;AAAA,IACN,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAuB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACnF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,gBACV,kBAAA,cAAA,GAAA;AAAA,IACG,OAAM;AAAA,IACN,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAyB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACrF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,OACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAS;AAAA,IACrC,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAmB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAC/E;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,SACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAW;AAAA,IACvC,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAqB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACjF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,YACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAc;AAAA,IAC1C,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAwB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACpF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,gBACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAkB;AAAA,IAC9C,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAA4B,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACxF;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,OACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAS;AAAA,IACrC,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAiB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAC7E;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,aACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAkB;AAAA,IAC9C,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAc,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAC1E;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,OACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAS,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IACrE;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,eACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAU;AAAA,IACtC,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAgB,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAC5E;AAAA,IACA;AAAA,EAAA,CACJ;AAAA,EAEJ,CAAC,EAAc,iBACV,kBAAA,cAAA,GAAA;AAAA,IACG,MAAM,EAAc,GAAQ,CAAU;AAAA,IACtC,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAe,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,IAAA,CAAI;AAAA,IAC3E;AAAA,IACA;AAAA,EAAA,CACJ;AAER;"}

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

@@ -1,12 +1,5 @@
 export * from './bold';
 export * from './code';
-export * from './custom1';
-export * from './custom2';
-export * from './custom3';
-export * from './heading1';
-export * from './heading2';
-export * from './heading3';
-export * from './heading4';
 export * from './italic';
 export * from '../EditorActions/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode';
 export * from './list-item';

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

@@ -1,3 +1,2 @@
 export * from './useEditorState';
 export * from './useEditorResize';
-export * from './useSelectedTextStyles';

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

@@ -1,9 +1,9 @@
 import { BOLD_CLASSES as i } from "../../components/bold.es.js";
 import { CODE_CLASSES as p } from "../../components/code.es.js";
-import "react";
-import "../../context/RichTextEditorContext.es.js";
 import { ITALIC_CLASSES as t } from "../../components/italic.es.js";
+import "react";
 import "@udecode/plate";
+import "../../context/RichTextEditorContext.es.js";
 import { STRIKETHROUGH_CLASSES as a } from "../../components/strikethrough.es.js";
 import { UNDERLINE_CLASSES as m } from "../../components/underline.es.js";
 import o from "../../../../node_modules/escape-html/index.es.js";

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

@@ -1,17 +1,25 @@
 import "react";
+import { ELEMENT_LINK as c, ELEMENT_LI as i, ELEMENT_OL as m, ELEMENT_UL as s, ELEMENT_PARAGRAPH as $ } from "@udecode/plate";
 import "../../context/RichTextEditorContext.es.js";
-import { ELEMENT_LINK as s, ELEMENT_LI as $, ELEMENT_OL as p, ELEMENT_UL as u, ELEMENT_PARAGRAPH as L } from "@udecode/plate";
-import { OL_CLASSES as i } from "../../components/ordered-list.es.js";
-import { UL_CLASSES as m } from "../../components/unordered-list.es.js";
-import { ELEMENT_CHECK_ITEM as h } from "../../EditorActions/Plugins/CheckboxListPlugin/id.es.js";
-import { TextStyles as l } from "../../utils/textStyles.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 a from "../../../../node_modules/escape-html/index.es.js";
 import { reactCssPropsToCss as e } from "./reactCssPropsToCss.es.js";
-import { serializeLeafToHtml as o } from "./serializeLeafToHtml.es.js";
+import { serializeLeafToHtml as h } from "./serializeLeafToHtml.es.js";
 const N = (E, t) => {
   if (!E.children)
-    return o(E);
-  const r = E.children.map((c) => N(c, t)).join("");
+    return h(E);
+  const r = E.children.map((p) => N(p, t)).join("");
   switch (E.type) {
     case l.ELEMENT_HEADING1:
       return `<h1 style="${e(t.heading1)}">${r}</h1>`;
@@ -29,17 +37,17 @@ const N = (E, t) => {
       return `<p style="${e(t.custom3)}">${r}</p>`;
     case l.ELEMENT_QUOTE:
       return `<p style="${e(t.quote)}">${r}</p>`;
-    case L:
-      return `<p>${r}</p>`;
-    case u:
-      return `<ul class="${m}">${r}</ul>`;
-    case p:
-      return `<ol class="${i}">${r}</ol>`;
     case $:
-      return `<li>${r}</li>`;
+      return `<p>${r}</p>`;
     case s:
+      return `<ul class="${u}">${r}</ul>`;
+    case m:
+      return `<ol class="${o}">${r}</ol>`;
+    case i:
+      return `<li>${r}</li>`;
+    case c:
       return E.chosenLink ? `<a style="${e(t.link)}" target=${E.chosenLink.openInNewTab ? "_blank" : "_self"} href="${a(E.chosenLink.searchResult.link)}">${r}</a>` : `<a style="${e(t.link)}" href="${a(E.url)}">${r}</a>`;
-    case h:
+    case L:
       return `<input type="checkbox"/><label>${r}</label>`;
     default:
       return r;

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/utils/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 '../../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;"}

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

@@ -1,11 +1,19 @@
-import { defaultDesignTokens as r } from "../../utils/defaultDesignTokens.es.js";
-import { TextStyles as f } from "../../utils/textStyles.es.js";
-const s = (t) => {
-  for (const e of Object.values(f).filter((o) => o !== f.ELEMENT_PARAGRAPH))
-    t[e] || (t[e] = r[e]);
+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";
+const D = (t) => {
+  for (const o of Object.values(r).filter((e) => e !== r.ELEMENT_PARAGRAPH))
+    t[o] || (t[o] = m[o]);
   return t;
 };
 export {
-  s as setDefaultDesignTokensIfNull
+  D as setDefaultDesignTokensIfNull
 };
 //# sourceMappingURL=setDefaultDesignTokensIfNull.es.js.map

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/utils/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/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;"}

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

@@ -1,7 +1,6 @@
 import { CSSProperties, ReactElement } from 'react';
-import { ListStyles } from './TextStyleDropdown/DropdownTrigger';
+import { TextStyles } from './EditorActions/Plugins/TextStylePlugin/TextStyles';
 import { EditorActions } from './utils/actions';
-import { TextStyles } from './utils/textStyles';
 export declare type DesignTokens = Partial<Record<TextStyles, CSSProperties>>;
 export declare type ToolbarCustomProps = {
     actions: EditorActions[][];
@@ -21,7 +20,6 @@ export declare type ButtonGroupWidths = {
     buttonGroupWidth: number;
     index: number;
 }[];
-export declare type AvailableTextStyles = ListStyles & TextStyles;
 export declare enum PaddingSizes {
     None = "tw-p-0",
     Small = "tw-p-2",

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 { ListStyles } from './TextStyleDropdown/DropdownTrigger';\nimport { EditorActions } from './utils/actions';\nimport { TextStyles } from './utils/textStyles';\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 type AvailableTextStyles = ListStyles & TextStyles;\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":"AA6BY,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 './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;"}

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

@@ -1,132 +1,90 @@
-import { createPluginFactory as t, createPlateUI as s, ELEMENT_LINK as p, ELEMENT_UL as N, ELEMENT_OL as L, ELEMENT_LI as M, ELEMENT_LIC as d, MARK_BOLD as g, MARK_ITALIC as T, MARK_UNDERLINE as H, MARK_STRIKETHROUGH as P, MARK_CODE as _, createPlugins as f, createSoftBreakPlugin as C, createAlignPlugin as k, ELEMENT_PARAGRAPH as I, createIndentPlugin as A, createParagraphPlugin as U, createCodeBlockPlugin as y, createListPlugin as h, createBoldPlugin as D, createItalicPlugin as O, createUnderlinePlugin as G, createStrikethroughPlugin as R, createCodePlugin as S } from "@udecode/plate";
-import { BoldMark as K } from "../components/bold.es.js";
-import { CodeMark as v } from "../components/code.es.js";
-import { Custom1Element as B } from "../components/custom1.es.js";
-import { Custom2Element as x } from "../components/custom2.es.js";
-import { Custom3Element as z } from "../components/custom3.es.js";
-import { Heading1Element as Q } from "../components/heading1.es.js";
-import { Heading2Element as b } from "../components/heading2.es.js";
-import { Heading3Element as j } from "../components/heading3.es.js";
-import { Heading4Element as F } from "../components/heading4.es.js";
-import { ItalicMark as q } from "../components/italic.es.js";
-import { LinkMarkupElementNode as w } from "../EditorActions/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js";
-import { ListItemElement as J } from "../components/list-item.es.js";
-import { ListItemContentElement as V } from "../components/list-item-content.es.js";
-import { OrderedListElement as W } from "../components/ordered-list.es.js";
-import { StrikethroughMark as X } from "../components/strikethrough.es.js";
-import { UnderlineMark as Y } from "../components/underline.es.js";
-import { UnorderedListElement as Z } from "../components/unordered-list.es.js";
-import { createCheckboxListPlugin as $ } from "../EditorActions/Plugins/CheckboxListPlugin/index.es.js";
+import { createPlateUI as o, ELEMENT_LINK as i, ELEMENT_UL as E, ELEMENT_OL as m, ELEMENT_LI as n, ELEMENT_LIC as a, MARK_BOLD as l, MARK_ITALIC as p, MARK_UNDERLINE as c, MARK_STRIKETHROUGH as g, MARK_CODE as L, createPlugins as u, createSoftBreakPlugin as M, createAlignPlugin as f, ELEMENT_PARAGRAPH as P, createIndentPlugin as T, createParagraphPlugin as N, createCodeBlockPlugin as d, createListPlugin as _, createBoldPlugin as s, createItalicPlugin as C, createUnderlinePlugin as I, createStrikethroughPlugin as k, createCodePlugin as A } from "@udecode/plate";
+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 { 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 ee } from "../EditorActions/Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
-import { createLinkPlugin as te } from "../EditorActions/Plugins/LinkPlugin/index.es.js";
-import { TextStyles as e } from "./textStyles.es.js";
-import { QuoteElement as re } from "../components/quote.es.js";
-const Ae = () => {
-  const o = t({
-    key: e.ELEMENT_HEADING1,
-    isElement: !0,
-    component: Q,
-    deserializeHtml: {
-      rules: [{ validNodeName: ["h1", "H1"] }]
-    }
-  }), E = t({
-    key: e.ELEMENT_HEADING2,
-    isElement: !0,
-    component: b,
-    deserializeHtml: {
-      rules: [{ validNodeName: ["h2", "H2"] }]
-    }
-  }), i = t({
-    key: e.ELEMENT_HEADING3,
-    isElement: !0,
-    component: j,
-    deserializeHtml: {
-      rules: [{ validNodeName: ["h3", "H3"] }]
-    }
-  }), n = t({
-    key: e.ELEMENT_HEADING4,
-    isElement: !0,
-    component: F,
-    deserializeHtml: {
-      rules: [{ validNodeName: ["h4", "H4"] }]
-    }
-  }), m = t({
-    key: e.ELEMENT_CUSTOM1,
-    isElement: !0,
-    component: B
-  }), l = t({
-    key: e.ELEMENT_CUSTOM2,
-    isElement: !0,
-    component: x
-  }), a = t({
-    key: e.ELEMENT_CUSTOM3,
-    isElement: !0,
-    component: z
-  }), c = t({
-    key: e.ELEMENT_QUOTE,
-    isElement: !0,
-    component: re
-  }), u = s({
-    [p]: w,
-    [N]: Z,
-    [L]: W,
-    [M]: J,
-    [d]: V,
-    [g]: K,
-    [T]: q,
-    [H]: Y,
-    [P]: X,
-    [_]: v,
-    [r]: ee
+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";
+const Te = () => {
+  const t = o({
+    [i]: O,
+    [E]: B,
+    [m]: h,
+    [n]: K,
+    [a]: S,
+    [l]: H,
+    [p]: R,
+    [c]: G,
+    [g]: D,
+    [L]: U,
+    [r]: y
   });
-  return f([
-    C(),
-    k({
+  return u([
+    M(),
+    f({
       inject: {
         props: {
           validTypes: [
-            I,
+            P,
             e.ELEMENT_HEADING1,
             e.ELEMENT_HEADING2,
             e.ELEMENT_HEADING3,
             e.ELEMENT_HEADING4,
             e.ELEMENT_CUSTOM1,
-            e.ELEMENT_CUSTOM2
+            e.ELEMENT_CUSTOM2,
+            e.ELEMENT_CUSTOM3,
+            e.ELEMENT_QUOTE
           ]
         }
       }
     }),
-    A({
+    T({
       inject: {
         props: {
           validTypes: [r]
         }
       }
     }),
-    U(),
-    y(),
-    h(),
-    $(),
-    te(),
-    D(),
-    O(),
-    G(),
-    R(),
-    S(),
-    o(),
-    E(),
-    i(),
-    n(),
-    m(),
-    l(),
-    a(),
-    c()
+    N(),
+    d(),
+    _(),
+    x(),
+    b(),
+    s(),
+    C(),
+    I(),
+    k(),
+    A(),
+    q(),
+    w(),
+    z(),
+    F(),
+    j(),
+    v(),
+    Q(),
+    J()
   ], {
-    components: u
+    components: t
   });
 };
 export {
-  Ae as getEditorConfig
+  Te as getEditorConfig
 };
 //# sourceMappingURL=editorConfig.es.js.map

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    createPluginFactory,\n    createPlugins,\n    createSoftBreakPlugin,\n    createStrikethroughPlugin,\n    createUnderlinePlugin,\n} from '@udecode/plate';\nimport {\n    BoldMark,\n    CodeMark,\n    Custom1Element,\n    Custom2Element,\n    Custom3Element,\n    Heading1Element,\n    Heading2Element,\n    Heading3Element,\n    Heading4Element,\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 { TextStyles } from './textStyles';\nimport { QuoteElement } from '../components/quote';\n\nexport const getEditorConfig = () => {\n    const createHeading1Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_HEADING1,\n        isElement: true,\n        component: Heading1Element,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    });\n\n    const createHeading2Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_HEADING2,\n        isElement: true,\n        component: Heading2Element,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    });\n\n    const createHeading3Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_HEADING3,\n        isElement: true,\n        component: Heading3Element,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    });\n\n    const createHeading4Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_HEADING4,\n        isElement: true,\n        component: Heading4Element,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    });\n\n    const createCustom1Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_CUSTOM1,\n        isElement: true,\n        component: Custom1Element,\n    });\n\n    const createCustom2Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_CUSTOM2,\n        isElement: true,\n        component: Custom2Element,\n    });\n\n    const createCustom3Plugin = createPluginFactory({\n        key: TextStyles.ELEMENT_CUSTOM3,\n        isElement: true,\n        component: Custom3Element,\n    });\n\n    const createQuotePlugin = createPluginFactory({\n        key: TextStyles.ELEMENT_QUOTE,\n        isElement: true,\n        component: QuoteElement,\n    });\n\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                        ],\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":";;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAM,KAAkB,MAAM;AACjC,QAAM,IAAuB,EAAoB;AAAA,IAC7C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,IAC3C;AAAA,EAAA,CACH,GAEK,IAAuB,EAAoB;AAAA,IAC7C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,IAC3C;AAAA,EAAA,CACH,GAEK,IAAuB,EAAoB;AAAA,IAC7C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,IAC3C;AAAA,EAAA,CACH,GAEK,IAAuB,EAAoB;AAAA,IAC7C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,MACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,IAC3C;AAAA,EAAA,CACH,GAEK,IAAsB,EAAoB;AAAA,IAC5C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACd,GAEK,IAAsB,EAAoB;AAAA,IAC5C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACd,GAEK,IAAsB,EAAoB;AAAA,IAC5C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACd,GAEK,IAAoB,EAAoB;AAAA,IAC1C,KAAK,EAAW;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,EAAA,CACd,GAEK,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,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,GAAiB;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 '../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;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"toolbarCalc.es.js","sources":["../../../../src/components/RichTextEditor/utils/toolbarCalc.ts"],"sourcesContent":["import { ButtonGroupsPerRow } from '../EditorActions/Toolbar/utils';\nimport { ButtonGroupWidths } from '../types';\nimport { EditorActions } from './actions';\n\nexport const getButtonGroupWidthsPerRow = (toolbarWidth: number, buttonGroupsWidths: ButtonGroupWidths) =>\n    buttonGroupsWidths.reduce<ButtonGroupWidths[]>((buttonGroupWidthsPerRow, { actions, 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 <= toolbarWidth) {\n            buttonGroupWidthsPerRow[rowCount].push({ actions, buttonGroupWidth, index });\n        } else {\n            buttonGroupWidthsPerRow.push([{ actions, buttonGroupWidth, index }]);\n        }\n\n        return buttonGroupWidthsPerRow.filter((element) => element.length);\n    }, []);\n\nexport const calculateToolbarWidth = (toolbarButtonGroups: ButtonGroupWidths[] | ButtonGroupsPerRow) =>\n    Math.max(\n        0,\n        ...toolbarButtonGroups.map((element) =>\n            [...element, { buttonGroupWidth: 0 }].reduce((prev, { buttonGroupWidth }) => prev + buttonGroupWidth, 0),\n        ),\n    );\n\nconst BUTTON_GROUP_PADDING_PX = 12;\nconst BUTTON_GROUP_SIZE_PX = 26;\nconst BUTTON_GROUP_DROPDOWN_PX = 124;\n\nexport const getButtonGroupWidths = (toolbarActions: EditorActions[][]) =>\n    toolbarActions.map((actions, index) => ({\n        actions,\n        buttonGroupWidth: actions.reduce(\n            (prev, element: EditorActions) =>\n                element === EditorActions.TEXT_STYLES ? BUTTON_GROUP_DROPDOWN_PX : BUTTON_GROUP_SIZE_PX + prev,\n            BUTTON_GROUP_PADDING_PX,\n        ),\n        index,\n    }));\n"],"names":[],"mappings":";AAIa,MAAA,IAA6B,CAAC,GAAsB,MAC7D,EAAmB,OAA4B,CAAC,GAAyB,EAAE,YAAS,qBAAkB,eAAY;;AAC9G,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,YAAS,qBAAkB,UAAO,IAE3E,EAAwB,KAAK,CAAC,EAAE,YAAS,qBAAkB,SAAO,CAAA,CAAC,GAGhE,EAAwB,OAAO,CAAC,MAAY,EAAQ,MAAM;AACrE,GAAG,EAAE,GAEI,IAAwB,CAAC,MAClC,KAAK,IACD,GACA,GAAG,EAAoB,IAAI,CAAC,MACxB,CAAC,GAAG,GAAS,EAAE,kBAAkB,EAAG,CAAA,EAAE,OAAO,CAAC,GAAM,EAAE,0BAAuB,IAAO,GAAkB,CAAC,CAC3G,CACJ,GAEE,IAA0B,IAC1B,IAAuB,IACvB,IAA2B,KAEpB,IAAuB,CAAC,MACjC,EAAe,IAAI,CAAC,GAAS,MAAW;AAAA,EACpC;AAAA,EACA,kBAAkB,EAAQ,OACtB,CAAC,GAAM,MACH,MAAY,EAAc,cAAc,IAA2B,IAAuB,GAC9F,CACJ;AAAA,EACA;AACJ,EAAE;"}
+{"version":3,"file":"toolbarCalc.es.js","sources":["../../../../src/components/RichTextEditor/utils/toolbarCalc.ts"],"sourcesContent":["import { ButtonGroupsPerRow } from '../EditorActions/Toolbar/types';\nimport { ButtonGroupWidths } from '../types';\nimport { EditorActions } from './actions';\n\nexport const getButtonGroupWidthsPerRow = (toolbarWidth: number, buttonGroupsWidths: ButtonGroupWidths) =>\n    buttonGroupsWidths.reduce<ButtonGroupWidths[]>((buttonGroupWidthsPerRow, { actions, 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 <= toolbarWidth) {\n            buttonGroupWidthsPerRow[rowCount].push({ actions, buttonGroupWidth, index });\n        } else {\n            buttonGroupWidthsPerRow.push([{ actions, buttonGroupWidth, index }]);\n        }\n\n        return buttonGroupWidthsPerRow.filter((element) => element.length);\n    }, []);\n\nexport const calculateToolbarWidth = (toolbarButtonGroups: ButtonGroupWidths[] | ButtonGroupsPerRow) =>\n    Math.max(\n        0,\n        ...toolbarButtonGroups.map((element) =>\n            [...element, { buttonGroupWidth: 0 }].reduce((prev, { buttonGroupWidth }) => prev + buttonGroupWidth, 0),\n        ),\n    );\n\nconst BUTTON_GROUP_PADDING_PX = 12;\nconst BUTTON_GROUP_SIZE_PX = 26;\nconst BUTTON_GROUP_DROPDOWN_PX = 124;\n\nexport const getButtonGroupWidths = (toolbarActions: EditorActions[][]) =>\n    toolbarActions.map((actions, index) => ({\n        actions,\n        buttonGroupWidth: actions.reduce(\n            (prev, element: EditorActions) =>\n                element === EditorActions.TEXT_STYLES ? BUTTON_GROUP_DROPDOWN_PX : BUTTON_GROUP_SIZE_PX + prev,\n            BUTTON_GROUP_PADDING_PX,\n        ),\n        index,\n    }));\n"],"names":[],"mappings":";AAIa,MAAA,IAA6B,CAAC,GAAsB,MAC7D,EAAmB,OAA4B,CAAC,GAAyB,EAAE,YAAS,qBAAkB,eAAY;;AAC9G,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,YAAS,qBAAkB,UAAO,IAE3E,EAAwB,KAAK,CAAC,EAAE,YAAS,qBAAkB,SAAO,CAAA,CAAC,GAGhE,EAAwB,OAAO,CAAC,MAAY,EAAQ,MAAM;AACrE,GAAG,EAAE,GAEI,IAAwB,CAAC,MAClC,KAAK,IACD,GACA,GAAG,EAAoB,IAAI,CAAC,MACxB,CAAC,GAAG,GAAS,EAAE,kBAAkB,EAAG,CAAA,EAAE,OAAO,CAAC,GAAM,EAAE,0BAAuB,IAAO,GAAkB,CAAC,CAC3G,CACJ,GAEE,IAA0B,IAC1B,IAAuB,IACvB,IAA2B,KAEpB,IAAuB,CAAC,MACjC,EAAe,IAAI,CAAC,GAAS,MAAW;AAAA,EACpC;AAAA,EACA,kBAAkB,EAAQ,OACtB,CAAC,GAAM,MACH,MAAY,EAAc,cAAc,IAA2B,IAAuB,GAC9F,CACJ;AAAA,EACA;AACJ,EAAE;"}

package/dist/components/ScrollWrapper/ScrollWrapper.es.js

@@ -1692,6 +1692,15 @@ import "react-dnd-html5-backend";
 import "@udecode/plate";
 import "../RichTextEditor/context/RichTextEditorContext.es.js";
 import "../RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "../RichTextEditor/EditorActions/Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 import "../RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.es.js";
 import "slate-react";
 import "../RichTextEditor/EditorActions/Plugins/LinkPlugin/index.es.js";
@@ -1706,7 +1715,7 @@ import "../Tree/utils/mocks.es.js";
 const e = {
   bottom: "linear-gradient(180deg, rgba(232, 233, 233, 0) 0%, #E8E9E9 100%)",
   top: "linear-gradient(0deg, rgba(232, 233, 233, 0) 0%, #E8E9E9 100%)"
-}, $D = ({ direction: o = i.Vertical, children: l }) => {
+}, aR = ({ direction: o = i.Vertical, children: l }) => {
   const t = b(null), [{ showTopShadow: a, showBottomShadow: n }, c] = g(t), { isFocusVisible: s, focusProps: w } = d(), m = o === i.Vertical || o === i.Both, p = t.current ? t.current.clientWidth + 8 : "100%";
   return /* @__PURE__ */ r.createElement("div", {
     "data-test-id": "scroll-wrapper",
@@ -1738,6 +1747,6 @@ const e = {
   }));
 };
 export {
-  $D as ScrollWrapper
+  aR as ScrollWrapper
 };
 //# sourceMappingURL=ScrollWrapper.es.js.map