@tumaet/prompt-ui-components 0.0.3 → 0.0.5

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ShortcutKeyProps extends React.HTMLAttributes<HTMLSpanElement> {
+    keys: string[];
+}
+export declare const ShortcutKey: React.ForwardRefExoticComponent<ShortcutKeyProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+interface SpinnerProps extends React.SVGProps<SVGSVGElement> {
+}
+export declare const Spinner: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export {};

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { TooltipContentProps } from '@radix-ui/react-tooltip';
+import { Toggle } from '../../../../components/ui/toggle';
+interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toggle> {
+    isActive?: boolean;
+    tooltip?: string;
+    tooltipOptions?: TooltipContentProps;
+}
+export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToolbarButton;

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { Editor } from '@tiptap/react';
+import type { FormatAction } from '../types';
+import type { VariantProps } from 'class-variance-authority';
+import type { toggleVariants } from '../../../../components/ui/toggle';
+interface ToolbarSectionProps extends VariantProps<typeof toggleVariants> {
+    editor: Editor;
+    actions: FormatAction[];
+    activeActions?: string[];
+    mainActionCount?: number;
+    dropdownIcon?: React.ReactNode;
+    dropdownTooltip?: string;
+    dropdownClassName?: string;
+}
+export declare const ToolbarSection: React.FC<ToolbarSectionProps>;
+export default ToolbarSection;

package/dist/types/components/minimal-tiptap/extensions/code-block-lowlight/code-block-lowlight.d.ts

@@ -0,0 +1,2 @@
+export declare const CodeBlockLowlight: import("@tiptap/core").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any>;
+export default CodeBlockLowlight;

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

@@ -0,0 +1 @@
+export * from './code-block-lowlight';

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

@@ -0,0 +1 @@
+export declare const Color: import("@tiptap/core").Extension<import("@tiptap/extension-color").ColorOptions, any>;

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

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

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

@@ -0,0 +1,12 @@
+import { type Editor, Extension } from '@tiptap/react';
+import { PluginKey } from '@tiptap/pm/state';
+import type { FileError, FileValidationOptions } from '../../utils';
+type FileHandlePluginOptions = {
+    key?: PluginKey;
+    editor: Editor;
+    onPaste?: (editor: Editor, files: File[], pasteContent?: string) => void;
+    onDrop?: (editor: Editor, files: File[], pos: number) => void;
+    onValidationError?: (errors: FileError[]) => void;
+} & FileValidationOptions;
+export declare const FileHandler: Extension<Omit<FileHandlePluginOptions, "key" | "editor">, any>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const HorizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;
+export default HorizontalRule;

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

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

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface ImageActionsProps {
+    shouldMerge?: boolean;
+    isLink?: boolean;
+    onView?: () => void;
+    onDownload?: () => void;
+    onCopy?: () => void;
+    onCopyLink?: () => void;
+}
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: React.ReactNode;
+    tooltip: string;
+}
+export declare const ActionWrapper: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>>;
+export declare const ActionButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<ActionButtonProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const ImageActions: React.FC<ImageActionsProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ImageOverlay: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { type NodeViewProps } from '@tiptap/react';
+export declare const ImageViewBlock: React.FC<NodeViewProps>;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ResizeProps extends React.HTMLAttributes<HTMLDivElement> {
+    isResizing?: boolean;
+}
+export declare const ResizeHandle: React.ForwardRefExoticComponent<ResizeProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/minimal-tiptap/extensions/image/hooks/use-drag-resize.d.ts

@@ -0,0 +1,24 @@
+type ResizeDirection = 'left' | 'right';
+export type ElementDimensions = {
+    width: number;
+    height: number;
+};
+type HookParams = {
+    initialWidth?: number;
+    initialHeight?: number;
+    contentWidth?: number;
+    contentHeight?: number;
+    gridInterval: number;
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    onDimensionsChange?: (dimensions: ElementDimensions) => void;
+};
+export declare function useDragResize({ initialWidth, initialHeight, contentWidth, contentHeight, gridInterval, minWidth, minHeight, maxWidth, onDimensionsChange }: HookParams): {
+    initiateResize: (direction: ResizeDirection) => (event: React.PointerEvent<HTMLDivElement>) => void;
+    isResizing: boolean;
+    updateDimensions: import("react").Dispatch<import("react").SetStateAction<ElementDimensions>>;
+    currentWidth: number;
+    currentHeight: number;
+};
+export {};

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

@@ -0,0 +1,24 @@
+import type { Editor } from '@tiptap/react';
+import type { Node } from '@tiptap/pm/model';
+interface UseImageActionsProps {
+    editor: Editor;
+    node: Node;
+    src: string;
+    onViewClick: (value: boolean) => void;
+}
+export type ImageActionHandlers = {
+    onView?: () => void;
+    onDownload?: () => void;
+    onCopy?: () => void;
+    onCopyLink?: () => void;
+    onRemoveImg?: () => void;
+};
+export declare const useImageActions: ({ editor, node, src, onViewClick }: UseImageActionsProps) => {
+    isLink: boolean;
+    onView: () => void;
+    onDownload: () => void;
+    onCopy: () => void;
+    onCopyLink: () => void;
+    onRemoveImg: () => void;
+};
+export {};

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/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/components/ui/sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { TooltipContent } from '@/components/ui/tooltip';
+import { TooltipContent } from '../../../components/ui/tooltip';
 type SidebarContext = {
     state: 'expanded' | 'collapsed';
     open: boolean;
@@ -22,7 +22,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("@/components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../../../components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/hooks/use-toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ToastActionElement, ToastProps } from '@/components/ui/toast';
+import type { ToastActionElement, ToastProps } from '../../components/ui/toast';
 type ToasterToast = ToastProps & {
     id: string;
     title?: React.ReactNode;

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.3",
+  "version": "0.0.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ls1intum/prompt-lib.git"
@@ -21,7 +21,7 @@
     "src/index.css"
   ],
   "scripts": {
-    "build:esm": "tsc --project tsconfig.json",
+    "build:esm": "tsc --project tsconfig.json && tsc-alias",
     "build:css": "postcss src/index.css -o dist/index.css",
     "build": "yarn build:esm && yarn build:css",
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\""
@@ -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,8 +79,12 @@
     "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",
+    "tsc-alias": "^1.8.15",
     "typescript": "^5.7.3"
   },
   "devDependencies": {

package/src/index.css

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