@tumaet/prompt-ui-components 0.0.2 → 0.0.4

package/dist/types/components/minimal-tiptap/extensions/image/image.d.ts

@@ -0,0 +1,52 @@
+import type { ImageOptions } from '@tiptap/extension-image';
+import type { Editor } from '@tiptap/react';
+import { type FileError, type FileValidationOptions } from '../../utils';
+import type { Attrs } from '@tiptap/pm/model';
+type ImageAction = 'download' | 'copyImage' | 'copyLink';
+interface DownloadImageCommandProps {
+    src: string;
+    alt?: string;
+}
+interface ImageActionProps extends DownloadImageCommandProps {
+    action: ImageAction;
+}
+export type UploadReturnType = string | {
+    id: string | number;
+    src: string;
+};
+interface CustomImageOptions extends ImageOptions, Omit<FileValidationOptions, 'allowBase64'> {
+    uploadFn?: (file: File, editor: Editor) => Promise<UploadReturnType>;
+    onImageRemoved?: (props: Attrs) => void;
+    onActionSuccess?: (props: ImageActionProps) => void;
+    onActionError?: (error: Error, props: ImageActionProps) => void;
+    downloadImage?: (props: ImageActionProps, options: CustomImageOptions) => Promise<void>;
+    copyImage?: (props: ImageActionProps, options: CustomImageOptions) => Promise<void>;
+    copyLink?: (props: ImageActionProps, options: CustomImageOptions) => Promise<void>;
+    onValidationError?: (errors: FileError[]) => void;
+    onToggle?: (editor: Editor, files: File[], pos: number) => void;
+}
+declare module '@tiptap/react' {
+    interface Commands<ReturnType> {
+        setImages: {
+            setImages: (attrs: {
+                src: string | File;
+                alt?: string;
+                title?: string;
+            }[]) => ReturnType;
+        };
+        downloadImage: {
+            downloadImage: (attrs: DownloadImageCommandProps) => ReturnType;
+        };
+        copyImage: {
+            copyImage: (attrs: DownloadImageCommandProps) => ReturnType;
+        };
+        copyLink: {
+            copyLink: (attrs: DownloadImageCommandProps) => ReturnType;
+        };
+        toggleImage: {
+            toggleImage: () => ReturnType;
+        };
+    }
+}
+export declare const Image: import("@tiptap/react").Node<CustomImageOptions, any>;
+export {};

package/dist/types/components/minimal-tiptap/extensions/image/index.d.ts

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

package/dist/types/components/minimal-tiptap/extensions/index.d.ts

@@ -0,0 +1,9 @@
+export * from './code-block-lowlight';
+export * from './color';
+export * from './horizontal-rule';
+export * from './image';
+export * from './link';
+export * from './selection';
+export * from './unset-all-marks';
+export * from './reset-marks-on-enter';
+export * from './file-handler';

package/dist/types/components/minimal-tiptap/extensions/link/index.d.ts

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

package/dist/types/components/minimal-tiptap/extensions/link/link.d.ts

@@ -0,0 +1,2 @@
+export declare const Link: import("@tiptap/react").Mark<import("@tiptap/extension-link").LinkOptions, any>;
+export default Link;

package/dist/types/components/minimal-tiptap/extensions/reset-marks-on-enter/index.d.ts

@@ -0,0 +1 @@
+export * from './reset-marks-on-enter';

package/dist/types/components/minimal-tiptap/extensions/reset-marks-on-enter/reset-marks-on-enter.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/react';
+export declare const ResetMarksOnEnter: Extension<any, any>;

package/dist/types/components/minimal-tiptap/extensions/selection/index.d.ts

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

package/dist/types/components/minimal-tiptap/extensions/selection/selection.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/react';
+export declare const Selection: Extension<any, any>;
+export default Selection;

package/dist/types/components/minimal-tiptap/extensions/unset-all-marks/index.d.ts

@@ -0,0 +1 @@
+export * from './unset-all-marks';

package/dist/types/components/minimal-tiptap/extensions/unset-all-marks/unset-all-marks.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/react';
+export declare const UnsetAllMarks: Extension<any, any>;

package/dist/types/components/minimal-tiptap/form-description-tiptap.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import './styles/index.css';
+import { MinimalTiptapProps } from './minimal-tiptap';
+export declare const DescriptionMinimalTiptapEditor: React.ForwardRefExoticComponent<MinimalTiptapProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/minimal-tiptap/hooks/use-container-size.d.ts

@@ -0,0 +1 @@
+export declare function useContainerSize(element: HTMLElement | null): DOMRect;

package/dist/types/components/minimal-tiptap/hooks/use-minimal-tiptap.d.ts

@@ -0,0 +1,13 @@
+import type { Editor } from '@tiptap/react';
+import type { Content, UseEditorOptions } from '@tiptap/react';
+export interface UseMinimalTiptapEditorProps extends UseEditorOptions {
+    value?: Content;
+    output?: 'html' | 'json' | 'text';
+    placeholder?: string;
+    editorClassName?: string;
+    throttleDelay?: number;
+    onUpdate?: (content: Content) => void;
+    onBlur?: (content: Content) => void;
+}
+export declare const useMinimalTiptapEditor: ({ value, output, placeholder, editorClassName, throttleDelay, onUpdate, onBlur, ...props }: UseMinimalTiptapEditorProps) => Editor | null;
+export default useMinimalTiptapEditor;

package/dist/types/components/minimal-tiptap/hooks/use-theme.d.ts

@@ -0,0 +1,2 @@
+export declare const useTheme: () => boolean;
+export default useTheme;

package/dist/types/components/minimal-tiptap/hooks/use-throttle.d.ts

@@ -0,0 +1 @@
+export declare function useThrottle<T extends (...args: any[]) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;

package/dist/types/components/minimal-tiptap/index.d.ts

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

package/dist/types/components/minimal-tiptap/mailing-tiptap.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import './styles/index.css';
+import type { Content } from '@tiptap/react';
+import type { UseMinimalTiptapEditorProps } from './hooks/use-minimal-tiptap';
+export interface MailingTiptapProps extends Omit<UseMinimalTiptapEditorProps, 'onUpdate'> {
+    value?: Content;
+    onChange?: (value: Content) => void;
+    className?: string;
+    editorContentClassName?: string;
+    placeholders: string[];
+}
+export declare const MailingTiptapEditor: React.ForwardRefExoticComponent<MailingTiptapProps & React.RefAttributes<HTMLDivElement>>;
+export default MailingTiptapEditor;

package/dist/types/components/minimal-tiptap/minimal-tiptap.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import './styles/index.css';
+import type { Content } from '@tiptap/react';
+import type { UseMinimalTiptapEditorProps } from './hooks/use-minimal-tiptap';
+export interface MinimalTiptapProps extends Omit<UseMinimalTiptapEditorProps, 'onUpdate'> {
+    value?: Content;
+    onChange?: (value: Content) => void;
+    className?: string;
+    editorContentClassName?: string;
+}
+export declare const MinimalTiptapEditor: React.ForwardRefExoticComponent<MinimalTiptapProps & React.RefAttributes<HTMLDivElement>>;
+export default MinimalTiptapEditor;

package/dist/types/components/minimal-tiptap/types.d.ts

@@ -0,0 +1,25 @@
+import type { Editor } from '@tiptap/react';
+import type { EditorView } from '@tiptap/pm/view';
+import type { EditorState } from '@tiptap/pm/state';
+export interface LinkProps {
+    url: string;
+    text?: string;
+    openInNewTab?: boolean;
+}
+export interface ShouldShowProps {
+    editor: Editor;
+    view: EditorView;
+    state: EditorState;
+    oldState?: EditorState;
+    from: number;
+    to: number;
+}
+export interface FormatAction {
+    label: string;
+    icon?: React.ReactNode;
+    action: (editor: Editor) => void;
+    isActive: (editor: Editor) => boolean;
+    canExecute: (editor: Editor) => boolean;
+    shortcuts: string[];
+    value: string;
+}

package/dist/types/components/minimal-tiptap/utils.d.ts

@@ -0,0 +1,38 @@
+import type { Editor } from '@tiptap/react';
+import type { MinimalTiptapProps } from './minimal-tiptap';
+type ShortcutKeyResult = {
+    symbol: string;
+    readable: string;
+};
+export type FileError = {
+    file: File | string;
+    reason: 'type' | 'size' | 'invalidBase64' | 'base64NotAllowed';
+};
+export type FileValidationOptions = {
+    allowedMimeTypes: string[];
+    maxFileSize?: number;
+    allowBase64: boolean;
+};
+type FileInput = File | {
+    src: string | File;
+    alt?: string;
+    title?: string;
+};
+export declare const isClient: () => boolean;
+export declare const isServer: () => boolean;
+export declare const isMacOS: () => boolean;
+export declare const getShortcutKey: (key: string) => ShortcutKeyResult;
+export declare const getShortcutKeys: (keys: string[]) => ShortcutKeyResult[];
+export declare const getOutput: (editor: Editor, format: MinimalTiptapProps["output"]) => object | string;
+export declare const isUrl: (text: string, options?: {
+    requireHostname: boolean;
+    allowBase64?: boolean;
+}) => boolean;
+export declare const sanitizeUrl: (url: string | null | undefined, options?: {
+    allowBase64?: boolean;
+}) => string | undefined;
+export declare const blobUrlToBase64: (blobUrl: string) => Promise<string>;
+export declare const randomId: () => string;
+export declare const fileToBase64: (file: File | Blob) => Promise<string>;
+export declare const filterFiles: <T extends FileInput>(files: T[], options: FileValidationOptions) => [T[], FileError[]];
+export {};

package/dist/types/components/pages/CoursePhaseParticpationsTable/CoursePhaseParticipationsTablePage.d.ts

@@ -0,0 +1,13 @@
+import { CoursePhaseParticipationWithStudent } from '@tumaet/prompt-shared-state';
+import { ExtraParticipationTableData } from './interfaces/ExtraParticipationTableData';
+interface CoursePhaseParticipationsTablePageProps {
+    participants: CoursePhaseParticipationWithStudent[];
+    prevDataKeys: string[];
+    restrictedDataKeys: string[];
+    studentReadableDataKeys: string[];
+    extraData?: ExtraParticipationTableData[];
+    extraColumnHeader?: string;
+    onClickRowAction: (student: CoursePhaseParticipationWithStudent) => void;
+}
+export declare const CoursePhaseParticipationsTablePage: ({ participants, prevDataKeys, restrictedDataKeys, studentReadableDataKeys, extraData, extraColumnHeader, onClickRowAction, }: Partial<CoursePhaseParticipationsTablePageProps>) => JSX.Element;
+export {};

package/dist/types/components/pages/CoursePhaseParticpationsTable/components/FilterMenu.d.ts

@@ -0,0 +1,7 @@
+import { ColumnFiltersState } from '@tanstack/react-table';
+interface ColumnFiltersProps {
+    columnFilters: ColumnFiltersState;
+    setColumnFilters: React.Dispatch<React.SetStateAction<ColumnFiltersState>>;
+}
+export declare const FilterMenu: ({ columnFilters, setColumnFilters, }: ColumnFiltersProps) => JSX.Element;
+export {};

package/dist/types/components/pages/CoursePhaseParticpationsTable/components/GroupActionsMenu.d.ts

@@ -0,0 +1,10 @@
+import { RowModel } from '@tanstack/react-table';
+import { CoursePhaseParticipationWithStudent } from '@tumaet/prompt-shared-state';
+interface GroupActionsMenuProps {
+    selectedRows: RowModel<CoursePhaseParticipationWithStudent>;
+    onClose: () => void;
+    onExport: () => void;
+    disabled?: boolean;
+}
+export declare const GroupActionsMenu: ({ selectedRows, onClose, onExport, disabled, }: GroupActionsMenuProps) => JSX.Element;
+export {};

package/dist/types/components/pages/CoursePhaseParticpationsTable/components/columns.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { CoursePhaseParticipationWithStudent } from '@tumaet/prompt-shared-state';
+interface ColumnDefProps {
+    prevDataKeys: string[];
+    restrictedDataKeys: string[];
+    studentReadableDataKeys: string[];
+}
+export declare const columns: ({ prevDataKeys, restrictedDataKeys, studentReadableDataKeys, }: ColumnDefProps) => ColumnDef<CoursePhaseParticipationWithStudent>[];
+export {};

package/dist/types/components/pages/CoursePhaseParticpationsTable/interfaces/ExtraParticipationTableData.d.ts

@@ -0,0 +1,5 @@
+export interface ExtraParticipationTableData {
+    courseParticipationID: string;
+    value: React.ReactNode;
+    stringValue?: string;
+}

package/dist/types/components/pages/CoursePhaseParticpationsTable/utils/downloadParticipations.d.ts

@@ -0,0 +1,3 @@
+import { CoursePhaseParticipationWithStudent } from '@tumaet/prompt-shared-state';
+import { ExtraParticipationTableData } from '../interfaces/ExtraParticipationTableData';
+export declare const downloadParticipations: (data: CoursePhaseParticipationWithStudent[], prevDataKeys: string[], restrictedDataKeys: string[], studentReadableDataKeys: string[], extraData: ExtraParticipationTableData[] | undefined, extraColumnHeader: string | undefined, filename?: string) => void;

package/dist/types/components/pages/Mailing/CoursePhaseMailing.d.ts

@@ -0,0 +1,6 @@
+import { CoursePhaseWithMetaData } from '@tumaet/prompt-shared-state';
+interface CoursePhaseMailingProps {
+    coursePhase: CoursePhaseWithMetaData | undefined;
+}
+export declare const CoursePhaseMailing: ({ coursePhase }: CoursePhaseMailingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/pages/Mailing/components/AvailableMailPlaceholders.d.ts

@@ -0,0 +1,12 @@
+interface AvailableMailPlaceholdersProps {
+    customAdditionalPlaceholders?: {
+        placeholder: string;
+        description: string;
+    }[];
+}
+export declare const availablePlaceholders: {
+    placeholder: string;
+    description: string;
+}[];
+export declare const AvailableMailPlaceholders: ({ customAdditionalPlaceholders, }: AvailableMailPlaceholdersProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/pages/Mailing/components/ConfirmSendEmailDialog.d.ts

@@ -0,0 +1,8 @@
+import { PassStatus } from '@tumaet/prompt-shared-state';
+interface ConfirmSendEmailDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    emailType: PassStatus;
+}
+export declare const ConfirmSendEmailDialog: ({ isOpen, onClose, emailType, }: ConfirmSendEmailDialogProps) => JSX.Element;
+export {};

package/dist/types/components/pages/Mailing/components/MailingEditor.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface EmailTemplateEditorProps {
+    subject: string;
+    content: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    label: string;
+    subjectHTMLLabel: string;
+    contentHTMLLabel: string;
+    placeholders: string[];
+}
+export declare const EmailTemplateEditor: ({ subject, content, onInputChange, label, subjectHTMLLabel, contentHTMLLabel, placeholders, }: EmailTemplateEditorProps) => JSX.Element;
+export {};

package/dist/types/components/pages/Mailing/components/ManualMailSending.d.ts

@@ -0,0 +1,7 @@
+import { CoursePhaseMailingConfigData } from '@tumaet/prompt-shared-state';
+interface ManualMailSendingProps {
+    mailingMetaData: CoursePhaseMailingConfigData | null;
+    isModified: boolean;
+}
+export declare const ManualMailSending: ({ mailingMetaData, isModified, }: ManualMailSendingProps) => JSX.Element;
+export {};

package/dist/types/components/pages/Mailing/components/SettingsCard.d.ts

@@ -0,0 +1,7 @@
+import { CoursePhaseMailingConfigData } from '@tumaet/prompt-shared-state';
+interface SettingsCardProps {
+    mailingMetaData: CoursePhaseMailingConfigData;
+    isModified: boolean;
+}
+export declare const SettingsCard: ({ mailingMetaData, isModified }: SettingsCardProps) => JSX.Element;
+export {};

package/dist/types/components/table/GroupActionDialog.d.ts

@@ -0,0 +1,11 @@
+interface ActionDialogProps {
+    title: string;
+    description: string;
+    confirmLabel: string;
+    confirmVariant?: 'default' | 'destructive';
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+export declare const ActionDialog: ({ title, description, confirmLabel, confirmVariant, isOpen, onClose, onConfirm, }: ActionDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/table/SortableHeader.d.ts

@@ -0,0 +1,4 @@
+export declare const SortableHeader: ({ column, title }: {
+    column: any;
+    title: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import './index.css';
+import './components/minimal-tiptap/styles/index.css';
 export * from './components';
 export * from './hooks';
 export * from './lib';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tumaet/prompt-ui-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ls1intum/prompt-lib.git"
@@ -11,7 +11,7 @@
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js",
-    "./*": "./dist/*",
+    "./index.css": "./dist/index.css",
     "./tailwind-config": "./tailwind/tailwind.config.js",
     "./postcss-config": "./tailwind/postcss.config.js"
   },
@@ -50,10 +50,28 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.4",
+    "@tiptap/core": "^2.11.7",
+    "@tiptap/extension-code-block": "^2.11.7",
+    "@tiptap/extension-code-block-lowlight": "^2.11.7",
+    "@tiptap/extension-color": "^2.11.7",
+    "@tiptap/extension-heading": "^2.11.7",
+    "@tiptap/extension-horizontal-rule": "^2.11.7",
+    "@tiptap/extension-image": "^2.11.7",
+    "@tiptap/extension-link": "^2.11.7",
+    "@tiptap/extension-placeholder": "^2.11.7",
+    "@tiptap/extension-text-style": "^2.11.7",
+    "@tiptap/extension-typography": "^2.11.7",
+    "@tiptap/extension-underline": "^2.11.7",
+    "@tiptap/pm": "^2.11.7",
+    "@tiptap/react": "^2.11.7",
+    "@tiptap/starter-kit": "^2.11.7",
+    "@tumaet/prompt-shared-state": "^0.0.21",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "1.0.0",
     "date-fns": "^4.1.0",
+    "highlight.js": "^11.11.1",
+    "lowlight": "^3.3.0",
     "lucide-react": "^0.503.0",
     "postcss": "^8.5.3",
     "postcss-preset-env": "^10.1.6",
@@ -61,7 +79,10 @@
     "react-day-picker": "8.10.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.2",
+    "react-medium-image-zoom": "^5.2.14",
+    "react-router-dom": "^7.5.2",
     "recharts": "^2.15.3",
+    "sonner": "^2.0.3",
     "tailwind-merge": "^2.5.4",
     "typescript": "^5.7.3"
   },

package/src/index.css

@@ -1,7 +1,6 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
-
+@tailwind utilities; 
 
 @layer base {
   :root {