@flipdish/ui-library 0.31.0 → 0.31.2

package/dist/components/organisms/TextEditor/components/TextEditorExtensions.js

@@ -0,0 +1,378 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Bold01, Italic01, Underline01, AlignLeft, AlignCenter, Link01, Dotpoints01, Type01, Image01, Stars02 } from '@flipdish/ui-icons';
+import { InputBase } from '@flipdish/ui-library/components/atoms/Input';
+import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { Select } from '@flipdish/ui-library/components/molecules/Select';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useEditorState } from '@tiptap/react';
+import { useCallback, useState, useEffect, useRef } from 'react';
+import { parseColor, DialogTrigger, Popover, Dialog, RadioGroup, Radio, ColorSwatch, Label, ColorField } from 'react-aria-components';
+import { useHotkeyHint } from '../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.js';
+import { useEditorContext } from '../providers/TextEditor.context.js';
+import { EDITOR_HOTKEY_HINT, sanitizeLinkUrl } from '../textEditor.utils.js';
+import { EditorButton } from './TextEditorButton.js';
+
+const DEFAULT_FONT = { id: 'Inter', label: 'Inter' };
+const DEFAULT_FONT_SIZE = { id: '16px', label: '16px' };
+const DEFAULT_COLOR_SWATCH = '#181D27';
+const fonts = [
+    DEFAULT_FONT,
+    { id: 'Comic Sans MS, Comic Sans', label: 'Comic Sans' },
+    { id: 'serif', label: 'serif' },
+    { id: 'monospace', label: 'monospace' },
+    { id: 'cursive', label: 'cursive' },
+];
+const fontSizes = [
+    { id: '12px', label: '12px' },
+    { id: '14px', label: '14px' },
+    DEFAULT_FONT_SIZE,
+    { id: '18px', label: '18px' },
+    { id: '20px', label: '20px' },
+    { id: '22px', label: '22px' },
+    { id: '24px', label: '24px' },
+    { id: '26px', label: '26px' },
+    { id: '28px', label: '28px' },
+    { id: '30px', label: '30px' },
+    { id: '32px', label: '32px' },
+];
+const colorSwatches = [
+    DEFAULT_COLOR_SWATCH,
+    '#252B37',
+    '#414651',
+    '#535862',
+    '#717680',
+    '#A4A7AE',
+    '#D5D7DA',
+    '#FFFFFF',
+    '#079455',
+    '#1570EF',
+    '#444CE7',
+    '#6938EF',
+    '#BA24D5',
+    '#DD2590',
+    '#D92D20',
+    '#E04F16',
+];
+/**
+ * Text editor button that toggles bold text.
+ */
+const TextEditorBold = ({ className }) => {
+    const label = `Bold ${useHotkeyHint('mod+b', EDITOR_HOTKEY_HINT)}`;
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isBold } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isBold: editor?.isActive('bold') ?? false,
+        }),
+    });
+    const handleToggleBold = useCallback(() => {
+        const { from, to } = editor.state.selection;
+        const hasSelection = from !== to;
+        if (editor.isActive('bold') && !hasSelection) {
+            // If cursor is within bold text but no text is selected, extend the mark range before toggling
+            editor.chain().focus().extendMarkRange('bold').toggleBold().run();
+        }
+        else {
+            // If not in bold text OR text is already selected, just toggle normally
+            editor.chain().focus().toggleBold().run();
+        }
+    }, [editor]);
+    return (jsx(EditorButton, { "aria-label": label, isDisabled: isDisabled, isActive: isBold, onClick: handleToggleBold, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-bold') : undefined, children: jsx(Bold01, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that toggles italic text.
+ */
+const TextEditorItalic = ({ className }) => {
+    const label = `Italic ${useHotkeyHint('mod+i', EDITOR_HOTKEY_HINT)}`;
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isItalic } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isItalic: editor?.isActive('italic') ?? false,
+        }),
+    });
+    const handleToggleItalic = useCallback(() => {
+        const { from, to } = editor.state.selection;
+        const hasSelection = from !== to;
+        if (editor.isActive('italic') && !hasSelection) {
+            // If cursor is within italic text but no text is selected, extend the mark range before toggling
+            editor.chain().focus().extendMarkRange('italic').toggleItalic().run();
+        }
+        else {
+            // If not in italic text OR text is already selected, just toggle normally
+            editor.chain().focus().toggleItalic().run();
+        }
+    }, [editor]);
+    return (jsx(EditorButton, { "aria-label": label, isDisabled: isDisabled, isActive: isItalic, onClick: handleToggleItalic, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-italic') : undefined, children: jsx(Italic01, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that toggles underline text.
+ */
+const TextEditorUnderline = ({ className }) => {
+    const label = `Underline ${useHotkeyHint('mod+u', EDITOR_HOTKEY_HINT)}`;
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isUnderline } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isUnderline: editor?.isActive('underline') ?? false,
+        }),
+    });
+    const handleToggleUnderline = useCallback(() => {
+        const { from, to } = editor.state.selection;
+        const hasSelection = from !== to;
+        if (editor.isActive('underline') && !hasSelection) {
+            // If cursor is within underlined text but no text is selected, extend the mark range before toggling
+            editor.chain().focus().extendMarkRange('underline').toggleUnderline().run();
+        }
+        else {
+            // If not in underlined text OR text is already selected, just toggle normally
+            editor.chain().focus().toggleUnderline().run();
+        }
+    }, [editor]);
+    return (jsx(EditorButton, { "aria-label": label, isDisabled: isDisabled, isActive: isUnderline, onClick: handleToggleUnderline, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-underline') : undefined, children: jsx(Underline01, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that toggles bullet list.
+ */
+const TextEditorBulletList = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isBulletList } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isBulletList: editor?.isActive('bulletList') ?? false,
+        }),
+    });
+    return (jsx(EditorButton, { "aria-label": "Bullet list", isDisabled: isDisabled, isActive: isBulletList, onClick: () => editor.chain().focus().toggleBulletList().run(), className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-bullet') : undefined, children: jsx(Dotpoints01, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that toggles left alignment.
+ */
+const TextEditorAlignLeft = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isAlignLeft } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isAlignLeft: editor?.isActive('textAlign', { align: 'left' }) ?? false,
+        }),
+    });
+    return (jsx(EditorButton, { "aria-label": "Left align", isDisabled: isDisabled, isActive: isAlignLeft, onClick: () => editor.chain().focus().setTextAlign('left').run(), className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-align-left') : undefined, children: jsx(AlignLeft, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that toggles center alignment.
+ */
+const TextEditorAlignCenter = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isAlignCenter } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isAlignCenter: editor?.isActive('textAlign', { align: 'center' }) ?? false,
+        }),
+    });
+    return (jsx(EditorButton, { "aria-label": "Center align", isDisabled: isDisabled, isActive: isAlignCenter, onClick: () => editor.chain().focus().setTextAlign('center').run(), className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-align-center') : undefined, children: jsx(AlignCenter, { className: "size-5" }) }));
+};
+/**
+ * Text editor button that generates text.
+ */
+const TextEditorGenerate = () => {
+    const { isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    return (jsx(EditorButton, { "aria-label": "Generate", isDisabled: isDisabled, "data-testid": prefix ? joinTestId(prefix, 'toolbar-generate') : undefined, children: jsx(Stars02, { className: "size-5" }) }));
+};
+/**
+ * Text editor button for inserting a link.
+ */
+const TextEditorLink = ({ className }) => {
+    const label = `Link ${useHotkeyHint('mod+k', EDITOR_HOTKEY_HINT)}`;
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isLink } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isLink: editor?.isActive('link') ?? false,
+        }),
+    });
+    const handleSetLink = useCallback(() => {
+        const { from, to } = editor.state.selection;
+        const hasSelection = from !== to;
+        // If cursor is within a link but no text is selected, extend the mark range first to select the entire link
+        if (editor.isActive('link') && !hasSelection) {
+            editor.chain().focus().extendMarkRange('link').run();
+        }
+        const previousUrl = editor.getAttributes('link').href;
+        const url = window.prompt('Please enter a link', previousUrl);
+        // Cancelled.
+        if (url === null) {
+            return;
+        }
+        // If empty, remove link.
+        if (url === '') {
+            if (editor.isActive('link') && !hasSelection) {
+                // If cursor is within link but no text selected, extend mark range before removing
+                editor.chain().focus().extendMarkRange('link').unsetLink().run();
+            }
+            else {
+                // If text is selected or not in link, just remove normally
+                editor.chain().focus().unsetLink().run();
+            }
+            return;
+        }
+        // Strip control characters and reject non-allowlisted schemes (javascript: et al.).
+        const safeUrl = sanitizeLinkUrl(url);
+        if (safeUrl === null) {
+            return;
+        }
+        // Whitespace/control-only input sanitises to '' — treat it as removal like the
+        // raw-empty branch above, keeping the selection-aware unset behaviour.
+        if (safeUrl === '') {
+            if (editor.isActive('link') && !hasSelection) {
+                editor.chain().focus().extendMarkRange('link').unsetLink().run();
+            }
+            else {
+                editor.chain().focus().unsetLink().run();
+            }
+            return;
+        }
+        // Update or set link.
+        if (editor.isActive('link') && !hasSelection) {
+            // If cursor is within link but no text selected, extend mark range before updating
+            editor.chain().focus().extendMarkRange('link').setLink({ href: safeUrl }).run();
+        }
+        else {
+            // If text is selected or no link, just set normally
+            editor.chain().focus().setLink({ href: safeUrl }).run();
+        }
+    }, [editor]);
+    return (jsx(EditorButton, { "aria-label": label, isDisabled: isDisabled, isActive: isLink, onClick: handleSetLink, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-link') : undefined, children: jsx(Link01, { className: "size-5" }) }));
+};
+/**
+ * Text editor button for inserting an image.
+ */
+const TextEditorImage = ({ className }) => {
+    const fileInputRef = useRef(null);
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const { isImage } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            isImage: editor?.isActive('image') ?? false,
+        }),
+    });
+    const triggerFileUpload = () => {
+        if (fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    };
+    const handleFileChange = useCallback((event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        const blobUrl = URL.createObjectURL(file);
+        // `alt` defaults to the file name so an inserted image always has accessible
+        // alternative text; there is no caption UI yet for the author to supply one.
+        editor.chain().focus().setImage({ src: blobUrl, alt: file.name }).run();
+    }, [editor]);
+    return (jsxs(Fragment, { children: [jsx("input", { type: "file", ref: fileInputRef, className: "hidden", onChange: handleFileChange }), jsx(EditorButton, { "aria-label": "Insert image", isDisabled: isDisabled, isActive: isImage, onClick: triggerFileUpload, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-image') : undefined, children: jsx(Image01, { className: "size-5" }) })] }));
+};
+/**
+ * Text editor button for changing the text color.
+ */
+const TextEditorColor = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const prefix = useTestIdPrefix();
+    const [selectionColor, setSelectionColor] = useState();
+    const [customColor, setCustomColor] = useState(parseColor('#7F56D9'));
+    const [color, setColor] = useState(parseColor(DEFAULT_COLOR_SWATCH));
+    useEffect(() => {
+        const handleSelectionUpdate = ({ editor }) => {
+            setSelectionColor(editor.getAttributes('textStyle').color);
+        };
+        editor.on('selectionUpdate', handleSelectionUpdate);
+        return () => {
+            editor.off('selectionUpdate', handleSelectionUpdate);
+        };
+    }, [editor]);
+    const handleCustomColorChange = (value) => {
+        if (!value)
+            return;
+        // If the custom color is already selected, update the color.
+        if (color.toString('hex') === customColor.toString('hex')) {
+            setColor(value);
+        }
+        setCustomColor(value);
+    };
+    // biome-ignore lint/correctness/useExhaustiveDependencies: false positive
+    const handleColorChange = useCallback((value) => {
+        setColor(parseColor(value));
+        const { from, to } = editor.state.selection;
+        const hasSelection = from !== to;
+        if (editor.getAttributes('textStyle').color && !hasSelection) {
+            // If cursor is within colored text but no text selected, extend the mark range before setting color
+            editor.chain().focus().extendMarkRange('textStyle').setColor(value).run();
+        }
+        else {
+            // If text is selected or not in colored text, just set color normally
+            editor.chain().focus().setColor(value).run();
+        }
+    }, [editor, setColor]);
+    return (jsxs(DialogTrigger, { children: [jsx(Tooltip, { title: "Text color", children: jsx(EditorButton, { "aria-label": "Text color", isDisabled: isDisabled, className: className, "data-testid": prefix ? joinTestId(prefix, 'toolbar-color') : undefined, children: jsx("div", { style: {
+                            outlineColor: selectionColor || DEFAULT_COLOR_SWATCH,
+                            backgroundColor: selectionColor || DEFAULT_COLOR_SWATCH,
+                        }, className: "size-4 rounded-full ring-1 ring-black/10 ring-inset in-pressed:outline-[1.5px] in-pressed:outline-offset-2" }) }) }), jsx(Popover, { children: jsx(Dialog, { className: "rounded-xl bg-primary_alt p-3 shadow-lg ring-1 ring-secondary_alt outline-hidden", children: jsx("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center", children: jsxs(RadioGroup, { className: "flex flex-col items-start gap-2", value: color?.toString('hex'), onChange: handleColorChange, children: [jsx("div", { className: "grid grid-cols-8 gap-1", children: colorSwatches.map((color) => (jsx(Radio, { value: color, className: "p-0.5", children: ({ isSelected, isFocused }) => (jsx(ColorSwatch, { style: {
+                                                outlineColor: color,
+                                            }, color: color, className: cx('size-4 cursor-pointer rounded-full ring-1 ring-black/10 ring-inset', (isSelected || isFocused) && 'outline-2 outline-offset-2') })) }, color))) }), jsxs("div", { className: "flex w-full shrink-0 items-center", children: [jsx(Label, { className: "mr-3 text-sm font-semibold text-primary", children: "Custom" }), jsx(Radio, { value: customColor.toString('hex'), children: ({ isSelected, isFocused }) => (jsx(Fragment, { children: jsx(ColorSwatch, { style: {
+                                                        outlineColor: customColor.toString('hex'),
+                                                        backgroundColor: customColor.toString('hex'),
+                                                    }, className: cx('mr-2 size-4 shrink-0 cursor-pointer rounded-full ring-1 ring-black/10 ring-inset', (isSelected || isFocused) && 'outline-2 outline-offset-2') }) })) }), jsx(ColorField, { "aria-label": "Custom color", className: "flex min-w-0 flex-1", value: customColor, onChange: handleCustomColorChange, children: jsx(InputBase, { size: "md", wrapperClassName: "flex-1 w-23 min-w-0" }) })] })] }) }) }) })] }));
+};
+/**
+ * Text editor button for changing the text font family.
+ */
+const TextEditorFontFamily = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const { currentFontFamily } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            currentFontFamily: editor?.getAttributes('textStyle')?.fontFamily || DEFAULT_FONT.id,
+        }),
+    });
+    const handleFontFamilyChange = useCallback((value) => {
+        editor
+            .chain()
+            .focus()
+            .setFontFamily(value)
+            .run();
+    }, [editor]);
+    return (jsx(Select, { "aria-label": "Font family", size: "sm", items: fonts, isDisabled: isDisabled, className: cx('w-full md:w-38', className), value: currentFontFamily, icon: Type01, onChange: handleFontFamilyChange, children: (font) => (jsx(Select.Item, { id: font.id, style: {
+                fontFamily: font.id,
+            }, children: font.label })) }));
+};
+/**
+ * Text editor button for changing the text font size.
+ */
+const TextEditorFontSize = ({ className }) => {
+    const { editor, isDisabled } = useEditorContext();
+    const { currentFontSize } = useEditorState({
+        editor,
+        selector: ({ editor }) => ({
+            currentFontSize: editor?.getAttributes('textStyle')?.fontSize || DEFAULT_FONT_SIZE.id,
+        }),
+    });
+    const handleFontSizeChange = useCallback((value) => {
+        editor
+            .chain()
+            .focus()
+            .setFontSize(value)
+            .run();
+    }, [editor]);
+    return (jsx(Select, { "aria-label": "Font size", size: "sm", items: fontSizes, isDisabled: isDisabled, className: cx('w-full md:w-22', className), value: currentFontSize, onChange: handleFontSizeChange, children: (fontSize) => (jsx(Select.Item, { id: fontSize.id, className: "[&_svg:not([data-icon])]:hidden", children: fontSize.label })) }));
+};
+
+export { TextEditorAlignCenter, TextEditorAlignLeft, TextEditorBold, TextEditorBulletList, TextEditorColor, TextEditorFontFamily, TextEditorFontSize, TextEditorGenerate, TextEditorImage, TextEditorItalic, TextEditorLink, TextEditorUnderline };
+//# sourceMappingURL=TextEditorExtensions.js.map

package/dist/components/organisms/TextEditor/components/TextEditorExtensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorExtensions.js","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorExtensions.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var useHotkeyHint = require('../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.cjs');
+var textEditor_utils = require('../textEditor.utils.cjs');
+var TextEditorExtensions = require('./TextEditorExtensions.cjs');
+
+const TextEditorToolbar = ({ className, ref, type = 'simple', floating = false, hideFontSize }) => {
+    const boldLabel = `Bold ${useHotkeyHint.useHotkeyHint('mod+b', textEditor_utils.EDITOR_HOTKEY_HINT)}`;
+    const italicLabel = `Italic ${useHotkeyHint.useHotkeyHint('mod+i', textEditor_utils.EDITOR_HOTKEY_HINT)}`;
+    const underlineLabel = `Underline ${useHotkeyHint.useHotkeyHint('mod+u', textEditor_utils.EDITOR_HOTKEY_HINT)}`;
+    const linkLabel = `Link ${useHotkeyHint.useHotkeyHint('mod+k', textEditor_utils.EDITOR_HOTKEY_HINT)}`;
+    if (type === 'simple') {
+        return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-max flex-wrap gap-0.5 md:flex-nowrap', floating && 'rounded-lg bg-primary p-1 shadow-lg ring-1 ring-secondary_alt', className), children: [jsxRuntime.jsx(Tooltip.Tooltip, { title: boldLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorBold, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: italicLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorItalic, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: underlineLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorUnderline, {}) }), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(TextEditorExtensions.TextEditorColor, {}), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Left align", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignLeft, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Center align", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignCenter, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Bullet list", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorBulletList, {}) })] }));
+    }
+    return (jsxRuntime.jsxs("div", { ref: ref, className: cx.cx('flex w-max flex-col items-start justify-center gap-2 md:flex-row md:items-center md:justify-start md:gap-3', floating && 'rounded-xl bg-primary p-2 shadow-lg ring-1 ring-secondary_alt', className), children: [!floating && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(TextEditorExtensions.TextEditorFontFamily, {}), !hideFontSize && jsxRuntime.jsx(TextEditorExtensions.TextEditorFontSize, {})] })), jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-0.5 md:flex-nowrap", children: [jsxRuntime.jsx(Tooltip.Tooltip, { title: boldLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorBold, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: italicLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorItalic, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: underlineLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorUnderline, {}) }), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(TextEditorExtensions.TextEditorColor, {}), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Left align", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignLeft, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Center align", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignCenter, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Bullet list", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorBulletList, {}) }), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: linkLabel, children: jsxRuntime.jsx(TextEditorExtensions.TextEditorLink, {}) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Insert image", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorImage, {}) }), jsxRuntime.jsx("div", { className: "p-1.5", children: jsxRuntime.jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsxRuntime.jsx(Tooltip.Tooltip, { title: "Generate", children: jsxRuntime.jsx(TextEditorExtensions.TextEditorGenerate, {}) })] })] }));
+};
+
+exports.TextEditorToolbar = TextEditorToolbar;
+//# sourceMappingURL=TextEditorToolbar.cjs.map

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorToolbar.cjs","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorToolbar.tsx"],"sourcesContent":[null],"names":["useHotkeyHint","EDITOR_HOTKEY_HINT","_jsxs","cx","_jsx","Tooltip","TextEditorBold","TextEditorItalic","TextEditorUnderline","TextEditorColor","TextEditorAlignLeft","TextEditorAlignCenter","TextEditorBulletList","TextEditorFontFamily","TextEditorFontSize","TextEditorLink","TextEditorImage","TextEditorGenerate"],"mappings":";;;;;;;;;MA6Ba,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,EAA0B,KAAI;IAC/H,MAAM,SAAS,GAAG,CAAA,KAAA,EAAQA,2BAAa,CAAC,OAAO,EAAEC,mCAAkB,CAAC,CAAA,CAAE;IACtE,MAAM,WAAW,GAAG,CAAA,OAAA,EAAUD,2BAAa,CAAC,OAAO,EAAEC,mCAAkB,CAAC,CAAA,CAAE;IAC1E,MAAM,cAAc,GAAG,CAAA,UAAA,EAAaD,2BAAa,CAAC,OAAO,EAAEC,mCAAkB,CAAC,CAAA,CAAE;IAChF,MAAM,SAAS,GAAG,CAAA,KAAA,EAAQD,2BAAa,CAAC,OAAO,EAAEC,mCAAkB,CAAC,CAAA,CAAE;AAEtE,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,6CAA6C,EAC7C,QAAQ,IAAI,+DAA+D,EAC3E,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EACvBD,cAAA,CAACE,mCAAc,EAAA,EAAA,CAAG,EAAA,CACV,EACVF,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,WAAW,EAAA,QAAA,EACzBD,cAAA,CAACG,qCAAgB,EAAA,EAAA,CAAG,EAAA,CACZ,EACVH,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,cAAc,EAAA,QAAA,EAC5BD,cAAA,CAACI,wCAAmB,EAAA,EAAA,CAAG,EAAA,CACf,EAEVJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,CAAG,EAAA,CAC1D,EAENA,cAAA,CAACK,oCAAe,EAAA,EAAA,CAAG,EAEnBL,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,CAAG,EAAA,CAC1D,EAENA,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAC,YAAY,EAAA,QAAA,EACzBD,cAAA,CAACM,wCAAmB,KAAG,EAAA,CACf,EACVN,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAA,QAAA,EAC3BD,cAAA,CAACO,0CAAqB,EAAA,EAAA,CAAG,EAAA,CACjB,EACVP,eAACC,eAAO,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAC1BD,cAAA,CAACQ,yCAAoB,EAAA,EAAA,CAAG,EAAA,CAChB,CAAA,EAAA,CACN;IAEV;IAEA,QACEV,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,KAAE,CACX,4GAA4G,EAC5G,QAAQ,IAAI,+DAA+D,EAC3E,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,CAAC,QAAQ,KACRD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,aACzBE,cAAA,CAACS,yCAAoB,KAAG,EACvB,CAAC,YAAY,IAAIT,cAAA,CAACU,uCAAkB,KAAG,CAAA,EAAA,CACpC,CACP,EAEDZ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CACpDE,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EACvBD,cAAA,CAACE,mCAAc,EAAA,EAAA,CAAG,EAAA,CACV,EACVF,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,WAAW,YACzBD,cAAA,CAACG,qCAAgB,KAAG,EAAA,CACZ,EACVH,eAACC,eAAO,EAAA,EAAC,KAAK,EAAE,cAAc,EAAA,QAAA,EAC5BD,eAACI,wCAAmB,EAAA,EAAA,CAAG,GACf,EAEVJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,CAAG,EAAA,CAC1D,EAENA,cAAA,CAACK,oCAAe,EAAA,EAAA,CAAG,EAEnBL,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,GAAG,EAAA,CAC1D,EAENA,eAACC,eAAO,EAAA,EAAC,KAAK,EAAC,YAAY,EAAA,QAAA,EACzBD,eAACM,wCAAmB,EAAA,EAAA,CAAG,GACf,EACVN,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAA,QAAA,EAC3BD,cAAA,CAACO,0CAAqB,EAAA,EAAA,CAAG,EAAA,CACjB,EACVP,cAAA,CAACC,eAAO,IAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAC1BD,cAAA,CAACQ,yCAAoB,KAAG,EAAA,CAChB,EAEVR,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,YACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,CAAG,EAAA,CAC1D,EAENA,cAAA,CAACC,eAAO,IAAC,KAAK,EAAE,SAAS,EAAA,QAAA,EACvBD,cAAA,CAACW,mCAAc,EAAA,EAAA,CAAG,EAAA,CACV,EACVX,eAACC,eAAO,EAAA,EAAC,KAAK,EAAC,cAAc,YAC3BD,cAAA,CAACY,oCAAe,EAAA,EAAA,CAAG,EAAA,CACX,EAEVZ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,YACpBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,EAAA,CAAG,EAAA,CAC1D,EAENA,cAAA,CAACC,eAAO,IAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EACvBD,cAAA,CAACa,uCAAkB,KAAG,EAAA,CACd,CAAA,EAAA,CACN,CAAA,EAAA,CACF;AAEV;;"}

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.d.ts

@@ -0,0 +1,9 @@
+import type { RefAttributes } from 'react';
+export interface TextEditorToolbarProps extends RefAttributes<HTMLDivElement> {
+    className?: string;
+    type?: 'simple' | 'advanced';
+    floating?: boolean;
+    hideFontSize?: boolean;
+}
+export declare const TextEditorToolbar: ({ className, ref, type, floating, hideFontSize }: TextEditorToolbarProps) => import("react").JSX.Element;
+//# sourceMappingURL=TextEditorToolbar.d.ts.map

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAkB3C,MAAM,WAAW,sBAAuB,SAAQ,aAAa,CAAC,cAAc,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,kDAAqE,sBAAsB,gCAoH5H,CAAC"}

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useHotkeyHint } from '../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.js';
+import { EDITOR_HOTKEY_HINT } from '../textEditor.utils.js';
+import { TextEditorBold, TextEditorItalic, TextEditorUnderline, TextEditorColor, TextEditorAlignLeft, TextEditorAlignCenter, TextEditorBulletList, TextEditorFontFamily, TextEditorFontSize, TextEditorLink, TextEditorImage, TextEditorGenerate } from './TextEditorExtensions.js';
+
+const TextEditorToolbar = ({ className, ref, type = 'simple', floating = false, hideFontSize }) => {
+    const boldLabel = `Bold ${useHotkeyHint('mod+b', EDITOR_HOTKEY_HINT)}`;
+    const italicLabel = `Italic ${useHotkeyHint('mod+i', EDITOR_HOTKEY_HINT)}`;
+    const underlineLabel = `Underline ${useHotkeyHint('mod+u', EDITOR_HOTKEY_HINT)}`;
+    const linkLabel = `Link ${useHotkeyHint('mod+k', EDITOR_HOTKEY_HINT)}`;
+    if (type === 'simple') {
+        return (jsxs("div", { className: cx('flex w-max flex-wrap gap-0.5 md:flex-nowrap', floating && 'rounded-lg bg-primary p-1 shadow-lg ring-1 ring-secondary_alt', className), children: [jsx(Tooltip, { title: boldLabel, children: jsx(TextEditorBold, {}) }), jsx(Tooltip, { title: italicLabel, children: jsx(TextEditorItalic, {}) }), jsx(Tooltip, { title: underlineLabel, children: jsx(TextEditorUnderline, {}) }), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(TextEditorColor, {}), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(Tooltip, { title: "Left align", children: jsx(TextEditorAlignLeft, {}) }), jsx(Tooltip, { title: "Center align", children: jsx(TextEditorAlignCenter, {}) }), jsx(Tooltip, { title: "Bullet list", children: jsx(TextEditorBulletList, {}) })] }));
+    }
+    return (jsxs("div", { ref: ref, className: cx('flex w-max flex-col items-start justify-center gap-2 md:flex-row md:items-center md:justify-start md:gap-3', floating && 'rounded-xl bg-primary p-2 shadow-lg ring-1 ring-secondary_alt', className), children: [!floating && (jsxs("div", { className: "flex gap-2", children: [jsx(TextEditorFontFamily, {}), !hideFontSize && jsx(TextEditorFontSize, {})] })), jsxs("div", { className: "flex flex-wrap gap-0.5 md:flex-nowrap", children: [jsx(Tooltip, { title: boldLabel, children: jsx(TextEditorBold, {}) }), jsx(Tooltip, { title: italicLabel, children: jsx(TextEditorItalic, {}) }), jsx(Tooltip, { title: underlineLabel, children: jsx(TextEditorUnderline, {}) }), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(TextEditorColor, {}), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(Tooltip, { title: "Left align", children: jsx(TextEditorAlignLeft, {}) }), jsx(Tooltip, { title: "Center align", children: jsx(TextEditorAlignCenter, {}) }), jsx(Tooltip, { title: "Bullet list", children: jsx(TextEditorBulletList, {}) }), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(Tooltip, { title: linkLabel, children: jsx(TextEditorLink, {}) }), jsx(Tooltip, { title: "Insert image", children: jsx(TextEditorImage, {}) }), jsx("div", { className: "p-1.5", children: jsx("div", { className: "h-full w-px rounded-full bg-border-primary" }) }), jsx(Tooltip, { title: "Generate", children: jsx(TextEditorGenerate, {}) })] })] }));
+};
+
+export { TextEditorToolbar };
+//# sourceMappingURL=TextEditorToolbar.js.map

package/dist/components/organisms/TextEditor/components/TextEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorToolbar.js","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorToolbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var menus = require('@tiptap/react/menus');
+var TextEditor_context = require('../providers/TextEditor.context.cjs');
+var TextEditorExtensions = require('./TextEditorExtensions.cjs');
+
+const TextEditorTooltip = ({ className, theme = 'dark' }) => {
+    const { editor } = TextEditor_context.useEditorContext();
+    return (jsxRuntime.jsxs(menus.BubbleMenu, { editor: editor, className: cx.cx('z-10 flex origin-bottom flex-wrap gap-0.5 rounded-xl bg-primary p-1.5 shadow-lg ring-1 ring-secondary duration-100 animate-in fade-in ring-inset slide-in-from-bottom-0.5 zoom-in-95 md:flex-nowrap', theme === 'dark' && 'dark-mode', className), children: [jsxRuntime.jsx(TextEditorExtensions.TextEditorBold, {}), jsxRuntime.jsx(TextEditorExtensions.TextEditorItalic, {}), jsxRuntime.jsx(TextEditorExtensions.TextEditorUnderline, {}), jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignLeft, {}), jsxRuntime.jsx(TextEditorExtensions.TextEditorAlignCenter, {}), jsxRuntime.jsx(TextEditorExtensions.TextEditorLink, {})] }));
+};
+
+exports.TextEditorTooltip = TextEditorTooltip;
+//# sourceMappingURL=TextEditorTooltip.cjs.map

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorTooltip.cjs","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorTooltip.tsx"],"sourcesContent":[null],"names":["useEditorContext","_jsxs","BubbleMenu","cx","_jsx","TextEditorBold","TextEditorItalic","TextEditorUnderline","TextEditorAlignLeft","TextEditorAlignCenter","TextEditorLink"],"mappings":";;;;;;;;AAmBO,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAA0B,KAAI;AACzF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGA,mCAAgB,EAAE;IAErC,QACEC,gBAACC,gBAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,SAAS,EAAEC,KAAE,CACX,qMAAqM,EACrM,KAAK,KAAK,MAAM,IAAI,WAAW,EAC/B,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,cAAA,CAACC,mCAAc,EAAA,EAAA,CAAG,EAClBD,eAACE,qCAAgB,EAAA,EAAA,CAAG,EACpBF,cAAA,CAACG,wCAAmB,EAAA,EAAA,CAAG,EACvBH,cAAA,CAACI,wCAAmB,KAAG,EACvBJ,cAAA,CAACK,0CAAqB,EAAA,EAAA,CAAG,EACzBL,eAACM,mCAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACP;AAEjB;;"}

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.d.ts

@@ -0,0 +1,6 @@
+export interface TextEditorTooltipProps {
+    className?: string;
+    theme?: 'dark' | 'light';
+}
+export declare const TextEditorTooltip: ({ className, theme }: TextEditorTooltipProps) => import("react").JSX.Element;
+//# sourceMappingURL=TextEditorTooltip.d.ts.map

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorTooltip.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,GAAI,sBAA+B,sBAAsB,gCAoBtF,CAAC"}

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { BubbleMenu } from '@tiptap/react/menus';
+import { useEditorContext } from '../providers/TextEditor.context.js';
+import { TextEditorBold, TextEditorItalic, TextEditorUnderline, TextEditorAlignLeft, TextEditorAlignCenter, TextEditorLink } from './TextEditorExtensions.js';
+
+const TextEditorTooltip = ({ className, theme = 'dark' }) => {
+    const { editor } = useEditorContext();
+    return (jsxs(BubbleMenu, { editor: editor, className: cx('z-10 flex origin-bottom flex-wrap gap-0.5 rounded-xl bg-primary p-1.5 shadow-lg ring-1 ring-secondary duration-100 animate-in fade-in ring-inset slide-in-from-bottom-0.5 zoom-in-95 md:flex-nowrap', theme === 'dark' && 'dark-mode', className), children: [jsx(TextEditorBold, {}), jsx(TextEditorItalic, {}), jsx(TextEditorUnderline, {}), jsx(TextEditorAlignLeft, {}), jsx(TextEditorAlignCenter, {}), jsx(TextEditorLink, {})] }));
+};
+
+export { TextEditorTooltip };
+//# sourceMappingURL=TextEditorTooltip.js.map

package/dist/components/organisms/TextEditor/components/TextEditorTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorTooltip.js","sources":["../../../../../src/components/organisms/TextEditor/components/TextEditorTooltip.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAmBO,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAA0B,KAAI;AACzF,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE;IAErC,QACEA,KAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,qMAAqM,EACrM,KAAK,KAAK,MAAM,IAAI,WAAW,EAC/B,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,EAClBA,IAAC,gBAAgB,EAAA,EAAA,CAAG,EACpBA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EACvBA,GAAA,CAAC,mBAAmB,KAAG,EACvBA,GAAA,CAAC,qBAAqB,EAAA,EAAA,CAAG,EACzBA,IAAC,cAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACP;AAEjB;;"}