@tumaet/prompt-ui-components 0.0.2 → 0.0.4

package/dist/components/minimal-tiptap/hooks/use-minimal-tiptap.js

@@ -0,0 +1,160 @@
+/* eslint-disable @typescript-eslint/no-shadow */
+import * as React from 'react';
+import { StarterKit } from '@tiptap/starter-kit';
+import { useEditor } from '@tiptap/react';
+import { Typography } from '@tiptap/extension-typography';
+import { Placeholder } from '@tiptap/extension-placeholder';
+import { Underline } from '@tiptap/extension-underline';
+import { TextStyle } from '@tiptap/extension-text-style';
+import { Link, Image, HorizontalRule, CodeBlockLowlight, Selection, Color, UnsetAllMarks, ResetMarksOnEnter, FileHandler, } from '../extensions';
+import { cn } from '@/lib/utils';
+import { fileToBase64, getOutput, randomId } from '../utils';
+import { useThrottle } from '../hooks/use-throttle';
+import { toast } from 'sonner';
+const createExtensions = (placeholder) => [
+    StarterKit.configure({
+        horizontalRule: false,
+        codeBlock: false,
+        paragraph: { HTMLAttributes: { class: 'text-node' } },
+        heading: { HTMLAttributes: { class: 'heading-node' } },
+        blockquote: { HTMLAttributes: { class: 'block-node' } },
+        bulletList: { HTMLAttributes: { class: 'list-node' } },
+        orderedList: { HTMLAttributes: { class: 'list-node' } },
+        code: { HTMLAttributes: { class: 'inline', spellcheck: 'false' } },
+        dropcursor: { width: 2, class: 'ProseMirror-dropcursor border' },
+    }),
+    Link,
+    Underline,
+    Image.configure({
+        allowedMimeTypes: ['image/*'],
+        maxFileSize: 5 * 1024 * 1024,
+        allowBase64: true,
+        uploadFn: async (file) => {
+            // NOTE: This is a fake upload function. Replace this with your own upload logic.
+            // This function should return the uploaded image URL.
+            // wait 3s to simulate upload
+            await new Promise((resolve) => setTimeout(resolve, 3000));
+            const src = await fileToBase64(file);
+            // either return { id: string | number, src: string } or just src
+            // return src;
+            return { id: randomId(), src };
+        },
+        onToggle(editor, files, pos) {
+            editor.commands.insertContentAt(pos, files.map((image) => {
+                const blobUrl = URL.createObjectURL(image);
+                const id = randomId();
+                return {
+                    type: 'image',
+                    attrs: {
+                        id,
+                        src: blobUrl,
+                        alt: image.name,
+                        title: image.name,
+                        fileName: image.name,
+                    },
+                };
+            }));
+        },
+        onImageRemoved({ id, src }) {
+            console.log('Image removed', { id, src });
+        },
+        onValidationError(errors) {
+            errors.forEach((error) => {
+                toast.error('Image validation error', {
+                    position: 'bottom-right',
+                    description: error.reason,
+                });
+            });
+        },
+        onActionSuccess({ action }) {
+            const mapping = {
+                copyImage: 'Copy Image',
+                copyLink: 'Copy Link',
+                download: 'Download',
+            };
+            toast.success(mapping[action], {
+                position: 'bottom-right',
+                description: 'Image action success',
+            });
+        },
+        onActionError(error, { action }) {
+            const mapping = {
+                copyImage: 'Copy Image',
+                copyLink: 'Copy Link',
+                download: 'Download',
+            };
+            toast.error(`Failed to ${mapping[action]}`, {
+                position: 'bottom-right',
+                description: error.message,
+            });
+        },
+    }),
+    FileHandler.configure({
+        allowBase64: true,
+        allowedMimeTypes: ['image/*'],
+        maxFileSize: 5 * 1024 * 1024,
+        onDrop: (editor, files, pos) => {
+            files.forEach(async (file) => {
+                const src = await fileToBase64(file);
+                editor.commands.insertContentAt(pos, {
+                    type: 'image',
+                    attrs: { src },
+                });
+            });
+        },
+        onPaste: (editor, files) => {
+            files.forEach(async (file) => {
+                const src = await fileToBase64(file);
+                editor.commands.insertContent({
+                    type: 'image',
+                    attrs: { src },
+                });
+            });
+        },
+        onValidationError: (errors) => {
+            errors.forEach((error) => {
+                toast.error('Image validation error', {
+                    position: 'bottom-right',
+                    description: error.reason,
+                });
+            });
+        },
+    }),
+    Color,
+    TextStyle,
+    Selection,
+    Typography,
+    UnsetAllMarks,
+    HorizontalRule,
+    ResetMarksOnEnter,
+    CodeBlockLowlight,
+    Placeholder.configure({ placeholder: () => placeholder }),
+];
+export const useMinimalTiptapEditor = ({ value, output = 'html', placeholder = '', editorClassName, throttleDelay = 0, onUpdate, onBlur, ...props }) => {
+    const throttledSetValue = useThrottle((value) => onUpdate?.(value), throttleDelay);
+    const handleUpdate = React.useCallback((editor) => throttledSetValue(getOutput(editor, output)), [output, throttledSetValue]);
+    const handleCreate = React.useCallback((editor) => {
+        if (value && editor.isEmpty) {
+            editor.commands.setContent(value);
+        }
+    }, [value]);
+    const handleBlur = React.useCallback((editor) => onBlur?.(getOutput(editor, output)), [output, onBlur]);
+    const editor = useEditor({
+        extensions: createExtensions(placeholder),
+        editorProps: {
+            attributes: {
+                autocomplete: 'off',
+                autocorrect: 'off',
+                autocapitalize: 'off',
+                class: cn('focus:outline-none', editorClassName),
+            },
+        },
+        onUpdate: ({ editor }) => handleUpdate(editor),
+        onCreate: ({ editor }) => handleCreate(editor),
+        onBlur: ({ editor }) => handleBlur(editor),
+        ...props,
+    });
+    return editor;
+};
+export default useMinimalTiptapEditor;
+//# sourceMappingURL=use-minimal-tiptap.js.map

package/dist/components/minimal-tiptap/hooks/use-minimal-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-minimal-tiptap.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-minimal-tiptap.ts"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/hooks/use-theme.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export const useTheme = () => {
+    const [isDarkMode, setIsDarkMode] = React.useState(false);
+    React.useEffect(() => {
+        const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        setIsDarkMode(darkModeMediaQuery.matches);
+        const handleChange = (e) => {
+            const newDarkMode = e.matches;
+            setIsDarkMode(newDarkMode);
+        };
+        darkModeMediaQuery.addEventListener('change', handleChange);
+        return () => {
+            darkModeMediaQuery.removeEventListener('change', handleChange);
+        };
+    }, []);
+    return isDarkMode;
+};
+export default useTheme;
+//# sourceMappingURL=use-theme.js.map

package/dist/components/minimal-tiptap/hooks/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;QAC5E,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAEzC,MAAM,YAAY,GAAG,CAAC,CAAsB,EAAE,EAAE;YAC9C,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAA;YAC7B,aAAa,CAAC,WAAW,CAAC,CAAA;QAC5B,CAAC,CAAA;QAED,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE3D,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/minimal-tiptap/hooks/use-throttle.js

@@ -0,0 +1,24 @@
+import { useRef, useCallback } from 'react';
+export function useThrottle(callback, delay) {
+    const lastRan = useRef(Date.now());
+    const timeoutRef = useRef(null);
+    return useCallback((...args) => {
+        const handler = () => {
+            if (Date.now() - lastRan.current >= delay) {
+                callback(...args);
+                lastRan.current = Date.now();
+            }
+            else {
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(() => {
+                    callback(...args);
+                    lastRan.current = Date.now();
+                }, delay - (Date.now() - lastRan.current));
+            }
+        };
+        handler();
+    }, [callback, delay]);
+}
+//# sourceMappingURL=use-throttle.js.map

package/dist/components/minimal-tiptap/hooks/use-throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-throttle.js","sourceRoot":"","sources":["../../../../src/components/minimal-tiptap/hooks/use-throttle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,WAAW,CACzB,QAAW,EACX,KAAa;IAEb,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IAErE,OAAO,WAAW,CAChB,CAAC,GAAG,IAAmB,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;gBAC1C,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;gBACjB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;YAC9B,CAAC;iBAAM,CAAC;gBACN,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;oBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;gBAClC,CAAC;gBACD,UAAU,CAAC,OAAO,GAAG,UAAU,CAC7B,GAAG,EAAE;oBACH,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;oBACjB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;gBAC9B,CAAC,EACD,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CACvC,CAAA;YACH,CAAC;QACH,CAAC,CAAA;QAED,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAA;AACH,CAAC"}

package/dist/components/minimal-tiptap/index.js

@@ -0,0 +1,2 @@
+export * from './minimal-tiptap';
+//# sourceMappingURL=index.js.map

package/dist/components/minimal-tiptap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/components/minimal-tiptap/mailing-tiptap.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import './styles/index.css';
+import { EditorContent } from '@tiptap/react';
+import { Separator } from '@/components/ui/separator';
+import { cn } from '@/lib/utils';
+import { SectionOne } from './components/section/one';
+import { SectionTwo } from './components/section/two';
+import { SectionThree } from './components/section/three';
+import { SectionFour } from './components/section/four';
+import { SectionFive } from './components/section/five';
+import { LinkBubbleMenu } from './components/bubble-menu/link-bubble-menu';
+import { useMinimalTiptapEditor } from './hooks/use-minimal-tiptap';
+import { MeasuredContainer } from './components/measured-container';
+import SectionMailingPlaceholders from './components/section/mailingPlaceholders';
+const MailingToolbar = ({ editor, placeholders }) => (_jsx("div", { className: 'shrink-0 overflow-x-auto border-b border-border p-2', children: _jsxs("div", { className: 'flex w-max items-center gap-px', children: [_jsx(SectionOne, { editor: editor, activeLevels: [1, 2, 3, 4, 5, 6] }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionTwo, { editor: editor, activeActions: ['bold', 'italic', 'underline', 'strikethrough', 'code', 'clearFormatting'], mainActionCount: 3 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionThree, { editor: editor }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFour, { editor: editor, activeActions: ['orderedList', 'bulletList'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFive, { editor: editor, activeActions: ['codeBlock', 'blockquote', 'horizontalRule'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionMailingPlaceholders, { editor: editor, placeholders: placeholders })] }) }));
+export const MailingTiptapEditor = React.forwardRef(({ value, onChange, className, editorContentClassName, placeholders, ...props }, ref) => {
+    const editor = useMinimalTiptapEditor({
+        value,
+        onUpdate: onChange,
+        ...props,
+    });
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs(MeasuredContainer, { as: 'div', name: 'editor', ref: ref, className: cn('flex h-auto min-h-72 w-full flex-col rounded-md border border-input shadow-sm focus-within:border-primary', className), children: [_jsx(MailingToolbar, { editor: editor, placeholders: placeholders }), _jsx(EditorContent, { editor: editor, className: cn('minimal-tiptap-editor', editorContentClassName) }), _jsx(LinkBubbleMenu, { editor: editor })] }));
+});
+MailingTiptapEditor.displayName = 'MailingTiptapEditor';
+export default MailingTiptapEditor;
+//# sourceMappingURL=mailing-tiptap.js.map

package/dist/components/minimal-tiptap/mailing-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mailing-tiptap.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/mailing-tiptap.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/minimal-tiptap.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import './styles/index.css';
+import { EditorContent } from '@tiptap/react';
+import { Separator } from '@/components/ui/separator';
+import { cn } from '@/lib/utils';
+import { SectionOne } from './components/section/one';
+import { SectionTwo } from './components/section/two';
+import { SectionThree } from './components/section/three';
+import { SectionFour } from './components/section/four';
+import { SectionFive } from './components/section/five';
+import { LinkBubbleMenu } from './components/bubble-menu/link-bubble-menu';
+import { useMinimalTiptapEditor } from './hooks/use-minimal-tiptap';
+import { MeasuredContainer } from './components/measured-container';
+const Toolbar = ({ editor }) => (_jsx("div", { className: 'shrink-0 overflow-x-auto border-b border-border p-2', children: _jsxs("div", { className: 'flex w-max items-center gap-px', children: [_jsx(SectionOne, { editor: editor, activeLevels: [1, 2, 3, 4, 5, 6] }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionTwo, { editor: editor, activeActions: ['bold', 'italic', 'underline', 'strikethrough', 'code', 'clearFormatting'], mainActionCount: 3 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionThree, { editor: editor }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFour, { editor: editor, activeActions: ['orderedList', 'bulletList'], mainActionCount: 0 }), _jsx(Separator, { orientation: 'vertical', className: 'mx-2 h-7' }), _jsx(SectionFive, { editor: editor, activeActions: ['codeBlock', 'blockquote', 'horizontalRule'], mainActionCount: 0 })] }) }));
+export const MinimalTiptapEditor = React.forwardRef(({ value, onChange, className, editorContentClassName, ...props }, ref) => {
+    const editor = useMinimalTiptapEditor({
+        value,
+        onUpdate: onChange,
+        ...props,
+    });
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs(MeasuredContainer, { as: 'div', name: 'editor', ref: ref, className: cn('flex h-auto min-h-32 w-full flex-col rounded-md border border-input shadow-sm focus-within:border-primary', className), children: [_jsx(Toolbar, { editor: editor }), _jsx(EditorContent, { editor: editor, className: cn('minimal-tiptap-editor', editorContentClassName) }), _jsx(LinkBubbleMenu, { editor: editor })] }));
+});
+MinimalTiptapEditor.displayName = 'MinimalTiptapEditor';
+export default MinimalTiptapEditor;
+//# sourceMappingURL=minimal-tiptap.js.map

package/dist/components/minimal-tiptap/minimal-tiptap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-tiptap.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/minimal-tiptap.tsx"],"names":[],"mappings":"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"}

package/dist/components/minimal-tiptap/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/minimal-tiptap/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/types.ts"],"names":[],"mappings":""}

package/dist/components/minimal-tiptap/utils.js

@@ -0,0 +1,156 @@
+export const isClient = () => typeof window !== 'undefined';
+export const isServer = () => !isClient();
+export const isMacOS = () => isClient() && window.navigator.platform === 'MacIntel';
+const shortcutKeyMap = {
+    mod: isMacOS() ? { symbol: '⌘', readable: 'Command' } : { symbol: 'Ctrl', readable: 'Control' },
+    alt: isMacOS() ? { symbol: '⌥', readable: 'Option' } : { symbol: 'Alt', readable: 'Alt' },
+    shift: { symbol: '⇧', readable: 'Shift' }
+};
+export const getShortcutKey = (key) => shortcutKeyMap[key.toLowerCase()] || { symbol: key, readable: key };
+export const getShortcutKeys = (keys) => keys.map(getShortcutKey);
+export const getOutput = (editor, format) => {
+    switch (format) {
+        case 'json':
+            return editor.getJSON();
+        case 'html':
+            return editor.isEmpty ? '' : editor.getHTML();
+        default:
+            return editor.getText();
+    }
+};
+export const isUrl = (text, options = { requireHostname: false }) => {
+    if (text.includes('\n'))
+        return false;
+    try {
+        const url = new URL(text);
+        const blockedProtocols = ['javascript:', 'file:', 'vbscript:', ...(options.allowBase64 ? [] : ['data:'])];
+        if (blockedProtocols.includes(url.protocol))
+            return false;
+        if (options.allowBase64 && url.protocol === 'data:')
+            return /^data:image\/[a-z]+;base64,/.test(text);
+        if (url.hostname)
+            return true;
+        return (url.protocol !== '' &&
+            (url.pathname.startsWith('//') || url.pathname.startsWith('http')) &&
+            !options.requireHostname);
+    }
+    catch {
+        return false;
+    }
+};
+export const sanitizeUrl = (url, options = {}) => {
+    if (!url)
+        return undefined;
+    if (options.allowBase64 && url.startsWith('data:image')) {
+        return isUrl(url, { requireHostname: false, allowBase64: true }) ? url : undefined;
+    }
+    return isUrl(url, { requireHostname: false, allowBase64: options.allowBase64 }) ||
+        /^(\/|#|mailto:|sms:|fax:|tel:)/.test(url)
+        ? url
+        : `https://${url}`;
+};
+export const blobUrlToBase64 = async (blobUrl) => {
+    const response = await fetch(blobUrl);
+    const blob = await response.blob();
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            if (typeof reader.result === 'string') {
+                resolve(reader.result);
+            }
+            else {
+                reject(new Error('Failed to convert Blob to base64'));
+            }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+    });
+};
+export const randomId = () => Math.random().toString(36).slice(2, 11);
+export const fileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            if (typeof reader.result === 'string') {
+                resolve(reader.result);
+            }
+            else {
+                reject(new Error('Failed to convert File to base64'));
+            }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+};
+const validateFileOrBase64 = (input, options, originalFile, validFiles, errors) => {
+    const { isValidType, isValidSize } = checkTypeAndSize(input, options);
+    if (isValidType && isValidSize) {
+        validFiles.push(originalFile);
+    }
+    else {
+        if (!isValidType)
+            errors.push({ file: input, reason: 'type' });
+        if (!isValidSize)
+            errors.push({ file: input, reason: 'size' });
+    }
+};
+const checkTypeAndSize = (input, { allowedMimeTypes, maxFileSize }) => {
+    const mimeType = input instanceof File ? input.type : base64MimeType(input);
+    const size = input instanceof File ? input.size : atob(input.split(',')[1]).length;
+    const isValidType = allowedMimeTypes.length === 0 ||
+        allowedMimeTypes.includes(mimeType) ||
+        allowedMimeTypes.includes(`${mimeType.split('/')[0]}/*`);
+    const isValidSize = !maxFileSize || size <= maxFileSize;
+    return { isValidType, isValidSize };
+};
+const base64MimeType = (encoded) => {
+    const result = encoded.match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);
+    return result && result.length > 1 ? result[1] : 'unknown';
+};
+const isBase64 = (str) => {
+    if (str.startsWith('data:')) {
+        const matches = str.match(/^data:[^;]+;base64,(.+)$/);
+        if (matches && matches[1]) {
+            str = matches[1];
+        }
+        else {
+            return false;
+        }
+    }
+    try {
+        return btoa(atob(str)) === str;
+    }
+    catch {
+        return false;
+    }
+};
+export const filterFiles = (files, options) => {
+    const validFiles = [];
+    const errors = [];
+    files.forEach(file => {
+        const actualFile = 'src' in file ? file.src : file;
+        if (actualFile instanceof File) {
+            validateFileOrBase64(actualFile, options, file, validFiles, errors);
+        }
+        else if (typeof actualFile === 'string') {
+            if (isBase64(actualFile)) {
+                if (options.allowBase64) {
+                    validateFileOrBase64(actualFile, options, file, validFiles, errors);
+                }
+                else {
+                    errors.push({ file: actualFile, reason: 'base64NotAllowed' });
+                }
+            }
+            else {
+                if (!sanitizeUrl(actualFile, { allowBase64: options.allowBase64 })) {
+                    errors.push({ file: actualFile, reason: 'invalidBase64' });
+                }
+                else {
+                    validFiles.push(file);
+                }
+            }
+        }
+    });
+    return [validFiles, errors];
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/minimal-tiptap/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/minimal-tiptap/utils.ts"],"names":[],"mappings":"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"}

package/dist/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollBar } from '@/components/ui/scroll-area';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table';
+import { ScrollArea } from '@radix-ui/react-scroll-area';
+import { SearchIcon } from 'lucide-react';
+import { flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { useMemo, useState } from 'react';
+import { columns as baseColumns } from './components/columns';
+import { Input } from '@/components/ui/input';
+import { FilterMenu } from './components/FilterMenu';
+import { GroupActionsMenu } from './components/GroupActionsMenu';
+import { downloadParticipations } from './utils/downloadParticipations';
+export const CoursePhaseParticipationsTablePage = ({ participants = [], prevDataKeys = [], restrictedDataKeys = [], studentReadableDataKeys = [], extraData, extraColumnHeader = 'Additional', onClickRowAction, }) => {
+    const [sorting, setSorting] = useState([{ id: 'lastName', desc: false }]);
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [globalFilter, setGlobalFilter] = useState('');
+    const extraDataMap = useMemo(() => {
+        if (!extraData)
+            return new Map();
+        return new Map(extraData.map((d) => [d.courseParticipationID, d.value]));
+    }, [extraData]);
+    const baseCols = useMemo(() => baseColumns({ prevDataKeys, restrictedDataKeys, studentReadableDataKeys }), [prevDataKeys, restrictedDataKeys, studentReadableDataKeys]);
+    const tableColumns = useMemo(() => {
+        if (!extraData)
+            return baseCols;
+        const extraColumn = {
+            id: 'extraColumn',
+            header: extraColumnHeader,
+            accessorFn: (row) => extraDataMap.get(row.courseParticipationID) ?? '',
+            enableSorting: false,
+            enableColumnFilter: false,
+            meta: {
+                // hide completely when every cell would be empty
+                isEmpty: extraData.length === 0,
+            },
+            cell: (info) => info.getValue(),
+        };
+        return [...baseCols, extraColumn];
+    }, [baseCols, extraData, extraColumnHeader, extraDataMap]);
+    const table = useReactTable({
+        data: participants,
+        columns: tableColumns,
+        getCoreRowModel: getCoreRowModel(),
+        onSortingChange: setSorting,
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        onColumnFiltersChange: setColumnFilters,
+        globalFilterFn: (row, columnId, filterValue) => {
+            const { student } = row.original;
+            const searchableValues = [
+                `${student.firstName} ${student.lastName}`.toLowerCase(),
+                student.email?.toLowerCase(),
+                student.matriculationNumber?.toString(),
+                student.universityLogin?.toLowerCase(),
+            ];
+            return searchableValues.some((value) => value?.includes(filterValue.toLowerCase()));
+        },
+        state: {
+            sorting,
+            globalFilter,
+            columnFilters,
+        },
+    });
+    return (_jsxs("div", { children: [_jsx("div", { className: 'space-y-4 mb-2', children: _jsxs("div", { className: 'flex flex-col sm:flex-row items-start sm:items-center space-y-2 sm:space-y-0 sm:space-x-4', children: [_jsxs("div", { className: 'relative flex-grow max-w-md w-full', children: [_jsx(Input, { placeholder: 'Search participants...', value: globalFilter, onChange: (event) => setGlobalFilter(event.target.value), className: 'pl-10 w-full' }), _jsx(SearchIcon, { className: 'absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-500 dark:text-gray-400' })] }), _jsxs("div", { className: 'flex space-x-2 w-full sm:w-auto', children: [_jsx(FilterMenu, { columnFilters: columnFilters, setColumnFilters: setColumnFilters }), _jsx(GroupActionsMenu, { disabled: table.getSelectedRowModel().rows.length === 0, selectedRows: table.getSelectedRowModel(), onClose: () => table.resetRowSelection(), onExport: () => {
+                                        downloadParticipations(table.getSelectedRowModel().rows.map((row) => row.original), prevDataKeys, restrictedDataKeys, studentReadableDataKeys, extraData, extraColumnHeader);
+                                        table.resetRowSelection();
+                                    } })] })] }) }), _jsx("div", { className: 'rounded-md border', children: _jsxs(ScrollArea, { className: 'h-[calc(100vh-200px)] overflow-x-scroll', children: [_jsxs(Table, { className: 'table-auto min-w-full w-full relative', children: [_jsx(TableHeader, { className: 'bg-muted/100 sticky top-0 z-10', children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => (_jsx(TableHead, { className: 'whitespace-nowrap', children: header.isPlaceholder
+                                                ? null
+                                                : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() && 'selected', onClick: () => onClickRowAction && onClickRowAction(row.original), className: onClickRowAction ? 'cursor-pointer' : '', children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: tableColumns.length, className: 'h-24 text-center', children: "No results." }) })) })] }), _jsx(ScrollBar, { orientation: 'horizontal' })] }) })] }));
+};
+//# sourceMappingURL=CoursePhaseParticipationsTablePage.js.map

package/dist/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoursePhaseParticipationsTablePage.js","sourceRoot":"","sources":["../../../../src/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.tsx"],"names":[],"mappings":"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"}

package/dist/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@/components/ui/button';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu';
+import { PassStatus } from '@tumaet/prompt-shared-state';
+import { getStatusBadge } from '@/utils/getStatusBadge';
+import { Filter } from 'lucide-react';
+export const FilterMenu = ({ columnFilters, setColumnFilters, }) => {
+    const isSelected = (id, value) => {
+        return columnFilters.some((filter) => filter.id === id && Array.isArray(filter.value) && filter.value.includes(value));
+    };
+    const handleFilterChange = (id, value) => {
+        setColumnFilters((prevFilters) => {
+            const existingFilter = prevFilters.find((filter) => filter.id === id);
+            if (existingFilter && Array.isArray(existingFilter.value)) {
+                const updatedValue = existingFilter.value.includes(value)
+                    ? existingFilter.value.filter((v) => v !== value) // Remove if exists
+                    : [...existingFilter.value, value]; // Add if not exists
+                return updatedValue.length > 0
+                    ? prevFilters.map((filter) => filter.id === id ? { ...filter, value: updatedValue } : filter)
+                    : prevFilters.filter((filter) => filter.id !== id); // Remove filter if no values
+            }
+            else {
+                return [...prevFilters, { id, value: [value] }];
+            }
+        });
+    };
+    const renderFilterItems = (id, items, getDisplay) => {
+        return Object.values(items).map((value) => {
+            return (_jsx(DropdownMenuCheckboxItem, { checked: isSelected(id, value), onClick: (e) => {
+                    e.preventDefault();
+                    handleFilterChange(id, value);
+                }, children: getDisplay(value) }, value));
+        });
+    };
+    const resetFilters = () => {
+        setColumnFilters([]);
+    };
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: 'outline', className: 'justify-start', children: [_jsx(Filter, { className: 'mr-2 h-4 w-4' }), "Filter"] }) }), _jsxs(DropdownMenuContent, { className: 'w-56', children: [_jsx(DropdownMenuLabel, { children: "Assessment" }), _jsx(DropdownMenuSeparator, {}), renderFilterItems('passStatus', PassStatus, getStatusBadge), _jsx(DropdownMenuSeparator, {}), _jsx("div", { className: 'p-2', children: _jsx(Button, { variant: 'outline', size: 'sm', className: 'w-full justify-center', onClick: (e) => {
+                                e.preventDefault();
+                                resetFilters();
+                            }, disabled: !(columnFilters.length > 0), children: "Clear Filters" }) })] })] }));
+};
+//# sourceMappingURL=FilterMenu.js.map

package/dist/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../../src/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.tsx"],"names":[],"mappings":"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"}