@monolith-forensics/monolith-ui 1.9.3-dev.1 → 1.9.3-dev.3

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -32,6 +32,10 @@ export interface MonolithDefaultTheme {
             main: string;
             contrastText: string;
         };
+        warning: {
+            main: string;
+            contrastText: string;
+        };
         background: {
             default: string;
             paper: string;

package/dist/RichTextEditor/Components/BubbleMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import styled, { useTheme } from "styled-components";
 import { Extensions } from "../Enums";
-import { BoldIcon, CodeIcon, ItalicIcon, UnderlineIcon, CaseSensitiveIcon, ListIcon, ListOrderedIcon, SquareCodeIcon, StrikethroughIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, HighlighterIcon, LinkIcon, PaletteIcon, RemoveFormattingIcon, SquircleIcon, } from "lucide-react";
+import { BoldIcon, CodeIcon, ItalicIcon, UnderlineIcon, CaseSensitiveIcon, ListIcon, ListOrderedIcon, SquareCodeIcon, StrikethroughIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, HighlighterIcon, LinkIcon, PaletteIcon, RemoveFormattingIcon, SquircleIcon, TextQuoteIcon, } from "lucide-react";
 import { DropDownMenu, } from "../../DropDownMenu";
 import { useEffect, useState } from "react";
 import { Button } from "../../Button";
@@ -16,15 +16,19 @@ const getMenuItems = (editor, customMenuItems, theme, openLinkEditor) => {
     const pos = (_e = (_d = editor === null || editor === void 0 ? void 0 : editor.state) === null || _d === void 0 ? void 0 : _d.selection) === null || _e === void 0 ? void 0 : _e.$from;
     let withinUnorderedList = false;
     let withinOrderedList = false;
+    let withinBlockquote = false;
     // Traverse the node ancestors
     pos.path.forEach((node) => {
-        var _a, _b;
+        var _a, _b, _c;
         if (((_a = node === null || node === void 0 ? void 0 : node.type) === null || _a === void 0 ? void 0 : _a.name) === "bulletList") {
             withinUnorderedList = true;
         }
         else if (((_b = node === null || node === void 0 ? void 0 : node.type) === null || _b === void 0 ? void 0 : _b.name) === "orderedList") {
             withinOrderedList = true;
         }
+        else if (((_c = node === null || node === void 0 ? void 0 : node.type) === null || _c === void 0 ? void 0 : _c.name) === "blockquote") {
+            withinBlockquote = true;
+        }
     });
     const attrs = node === null || node === void 0 ? void 0 : node.attrs;
     const supportsSyntaxCodeBlock = hasSyntaxHighlightedCodeBlock(editor);
@@ -32,6 +36,7 @@ const getMenuItems = (editor, customMenuItems, theme, openLinkEditor) => {
     const supportsColor = Boolean(editor.extensionManager.extensions.find((extension) => extension.name === "color"));
     const supportsHighlight = Boolean(editor.extensionManager.extensions.find((extension) => extension.name === "highlight"));
     const supportsLink = Boolean(editor.extensionManager.extensions.find((extension) => extension.name === "link"));
+    const supportsBlockquote = Boolean(editor.extensionManager.extensions.find((extension) => extension.name === "blockquote"));
     let nodeTypeLabel = "Select Type";
     let nodeTypeIcon = null;
     if (withinOrderedList) {
@@ -50,6 +55,10 @@ const getMenuItems = (editor, customMenuItems, theme, openLinkEditor) => {
         nodeTypeLabel = "Code Block";
         nodeTypeIcon = _jsx(SquareCodeIcon, { size: 16 });
     }
+    else if (withinBlockquote) {
+        nodeTypeLabel = "Blockquote";
+        nodeTypeIcon = _jsx(TextQuoteIcon, { size: 16 });
+    }
     else if (((_h = node === null || node === void 0 ? void 0 : node.type) === null || _h === void 0 ? void 0 : _h.name) === "heading") {
         const level = attrs === null || attrs === void 0 ? void 0 : attrs.level;
         nodeTypeLabel = `Heading ${level}`;
@@ -147,6 +156,20 @@ const getMenuItems = (editor, customMenuItems, theme, openLinkEditor) => {
                         },
                     },
                 },
+                ...(supportsBlockquote
+                    ? [
+                        {
+                            label: "Blockquote",
+                            value: "blockquote",
+                            data: {
+                                Icon: TextQuoteIcon,
+                                command: (editor) => {
+                                    editor.chain().focus().toggleBlockquote().run();
+                                },
+                            },
+                        },
+                    ]
+                    : []),
                 ...(supportsSyntaxCodeBlock
                     ? [
                         {

package/dist/RichTextEditor/Enums/Controls.d.ts

@@ -8,6 +8,7 @@ export declare enum Controls {
     CLEAR_FORMATTING = "clearFormatting",
     CODE = "code",
     CODE_BLOCK = "codeBlock",
+    BLOCKQUOTE = "blockquote",
     HEADING_1 = "heading_1",
     HEADING_2 = "heading_2",
     HEADING_3 = "heading_3",

package/dist/RichTextEditor/Enums/Controls.js

@@ -9,6 +9,7 @@ export var Controls;
     Controls["CLEAR_FORMATTING"] = "clearFormatting";
     Controls["CODE"] = "code";
     Controls["CODE_BLOCK"] = "codeBlock";
+    Controls["BLOCKQUOTE"] = "blockquote";
     Controls["HEADING_1"] = "heading_1";
     Controls["HEADING_2"] = "heading_2";
     Controls["HEADING_3"] = "heading_3";

package/dist/RichTextEditor/Enums/Extensions.d.ts

@@ -6,6 +6,7 @@ export declare enum Extensions {
     Italic = "italic",
     Code = "code",
     CodeBlock = "codeBlock",
+    Blockquote = "blockquote",
     Color = "color",
     Highlight = "highlight",
     Link = "link",

package/dist/RichTextEditor/Enums/Extensions.js

@@ -7,6 +7,7 @@ export var Extensions;
     Extensions["Italic"] = "italic";
     Extensions["Code"] = "code";
     Extensions["CodeBlock"] = "codeBlock";
+    Extensions["Blockquote"] = "blockquote";
     Extensions["Color"] = "color";
     Extensions["Highlight"] = "highlight";
     Extensions["Link"] = "link";

package/dist/RichTextEditor/Enums/SlashCommands.d.ts

@@ -8,6 +8,7 @@ export declare enum SlashCommands {
     NumberedList = "Numbered List",
     Code = "Code",
     CodeBlock = "Code Block",
+    Blockquote = "Blockquote",
     CurrentDate = "Current Date",
     CurrentTimestamp = "Current Timestamp",
     Image = "Image",

package/dist/RichTextEditor/Enums/SlashCommands.js

@@ -9,6 +9,7 @@ export var SlashCommands;
     SlashCommands["NumberedList"] = "Numbered List";
     SlashCommands["Code"] = "Code";
     SlashCommands["CodeBlock"] = "Code Block";
+    SlashCommands["Blockquote"] = "Blockquote";
     SlashCommands["CurrentDate"] = "Current Date";
     SlashCommands["CurrentTimestamp"] = "Current Timestamp";
     SlashCommands["Image"] = "Image";

package/dist/RichTextEditor/Extensions/getSlashCommand.js

@@ -11,7 +11,7 @@ import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
 import tippy from "tippy.js";
-import { Heading1, Heading2, Heading3, Heading4, List, ListOrdered, Text, Image as ImageIcon, Calendar, CodeIcon, ClockIcon, SquareCodeIcon, Table2Icon, } from "lucide-react";
+import { Heading1, Heading2, Heading3, Heading4, List, ListOrdered, Text, TextQuote, Image as ImageIcon, Calendar, CodeIcon, ClockIcon, SquareCodeIcon, Table2Icon, } from "lucide-react";
 import { startImageUpload, } from "../Plugins/UploadImagesPlugin.js";
 import { PluginKey } from "@tiptap/pm/state";
 import SlashCommandList from "./SlashCommandList";
@@ -139,6 +139,15 @@ const getCommandItems = (values, options) => {
                     .run();
             },
         },
+        {
+            title: SlashCommands.Blockquote,
+            description: "Capture a quotation or cited note.",
+            searchTerms: ["quote", "blockquote", "callout"],
+            icon: TextQuote,
+            command: ({ editor, range }) => {
+                editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+            },
+        },
         {
             title: SlashCommands.CurrentDate,
             description: "Insert the current date.",

package/dist/RichTextEditor/Extensions/getTiptapExtensions.js

@@ -70,6 +70,7 @@ export const BASIC_EXTENSIONS = [
     Extensions.Underline,
     Extensions.Strike,
     Extensions.Code,
+    Extensions.Blockquote,
     Extensions.BulletList,
     Extensions.OrderedList,
     Extensions.TextStyle,
@@ -164,6 +165,13 @@ const getTipTapExtensions = ({ disabledExtensions = [], extensions = [], slashCo
                         },
                     }
                     : false,
+                blockquote: isEnabled(Extensions.Blockquote)
+                    ? {
+                        HTMLAttributes: {
+                            class: "editor-blockquote",
+                        },
+                    }
+                    : false,
                 codeBlock: false,
                 horizontalRule: false,
                 dropcursor: {

package/dist/RichTextEditor/Plugins/UploadImagesPlugin.js

@@ -34,6 +34,19 @@ const readFileAsDataUrl = (file) => {
         reader.readAsDataURL(file);
     });
 };
+const getImageExtensionFromMimeType = (mimeType) => {
+    var _a;
+    const subtype = (_a = mimeType.toLowerCase().split("/")[1]) === null || _a === void 0 ? void 0 : _a.split(";")[0];
+    if (!subtype)
+        return "png";
+    if (subtype === "jpeg" || subtype === "pjpeg")
+        return "jpg";
+    if (subtype === "svg+xml")
+        return "svg";
+    if (subtype === "x-icon" || subtype === "vnd.microsoft.icon")
+        return "ico";
+    return subtype.replace(/[^a-z0-9]/g, "") || "png";
+};
 export const addImagePlaceholder = ({ view, id, pos, src, label = "Processing image...", }) => {
     if (!uploadKey.getState(view.state))
         return;
@@ -71,6 +84,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
     }
     // A fresh object to act as the ID for this upload
     const id = nanoid(25);
+    const uploadName = `${id}.${getImageExtensionFromMimeType(file.type)}`;
     // Replace the selection with a placeholder
     (() => __awaiter(void 0, void 0, void 0, function* () {
         let placeholderAdded = false;
@@ -92,7 +106,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
             const hashes = yield calculateFileHash(file);
             const src = yield handleImageUpload({
                 file,
-                name: `${id}.png`,
+                name: uploadName,
                 id,
                 md5: hashes.md5Hash,
                 sha1: hashes.sha1Hash,
@@ -111,10 +125,10 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
             const imageSrc = typeof src === "object" ? previewSrc : src;
             const node = view.state.schema.nodes.image.create({
                 src: imageSrc,
-                alt: `${id}.png`,
+                alt: uploadName,
                 "data-uuid": id,
                 crossorigin: "anonymous",
-                title: `Filename: ${id}.png`,
+                title: `Filename: ${uploadName}`,
             });
             const insertTransaction = view.state.tr
                 .replaceWith(placeholderPos, placeholderPos, node)

package/dist/RichTextEditor/RichTextEditor.js

@@ -448,6 +448,20 @@ const StyledContent = styled.div `
       font-size: 0.9em;
       box-decoration-break: clone;
     }
+    .editor-blockquote,
+    blockquote {
+      margin: 0.5rem 0;
+      padding: 0.375rem 0 0.375rem 0.875rem;
+      border-left: 4px solid ${({ theme }) => theme.palette.primary.main};
+      color: ${({ theme }) => theme.palette.text.secondary};
+      background-color: ${({ theme }) => theme.palette.action.hover};
+    }
+
+    .editor-blockquote p,
+    blockquote p {
+      margin: 0;
+    }
+
     .editor-code-block {
       position: relative;
       margin: 0.5rem 0;
@@ -827,6 +841,9 @@ export const RichTextEditor = ({ className, editorInstanceRef, defaultValue = ""
         if (command === SlashCommands.CodeBlock) {
             return resolvedExtensionSet.has(Extensions.CodeBlock);
         }
+        if (command === SlashCommands.Blockquote) {
+            return resolvedExtensionSet.has(Extensions.Blockquote);
+        }
         if (command === SlashCommands.Table) {
             return resolvedExtensionSet.has(Extensions.Table);
         }
@@ -842,6 +859,7 @@ export const RichTextEditor = ({ className, editorInstanceRef, defaultValue = ""
             [Controls.STRIKE]: Extensions.Strike,
             [Controls.CODE]: Extensions.Code,
             [Controls.CODE_BLOCK]: Extensions.CodeBlock,
+            [Controls.BLOCKQUOTE]: Extensions.Blockquote,
             [Controls.BULLET_LIST]: Extensions.BulletList,
             [Controls.ORDERED_LIST]: Extensions.OrderedList,
             [Controls.COLOR]: Extensions.Color,

package/dist/RichTextEditor/Toolbar/Controls.d.ts

@@ -14,6 +14,7 @@ export declare const UnderlineControl: ({ editor }: ControlProps) => import("rea
 export declare const StrikeThroughControl: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CodeControl: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CodeBlockControl: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlockquoteControl: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Heading1Control: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Heading2Control: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Heading3Control: ({ editor }: ControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/RichTextEditor/Toolbar/Controls.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconH1, IconH2, IconH3, IconH4, IconList, IconListNumbers, IconAlignLeft, IconAlignRight, IconAlignCenter, IconAlignJustified, IconCornerUpLeft, IconCornerUpRight, } from "@tabler/icons-react";
+import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconH1, IconH2, IconH3, IconH4, IconList, IconListNumbers, IconAlignLeft, IconAlignRight, IconAlignCenter, IconAlignJustified, IconCornerUpLeft, IconCornerUpRight, IconBlockquote, } from "@tabler/icons-react";
 import { CodeIcon, HighlighterIcon, PaletteIcon, RemoveFormattingIcon, SquircleIcon, TypeIcon, } from "lucide-react";
 import { SquareCodeIcon } from "lucide-react";
 import { Control } from "./Control";
@@ -156,6 +156,13 @@ export const CodeBlockControl = ({ editor }) => {
             name: "codeBlock",
         }, onClick: toggleCodeBlock, disabled: !hasSyntaxHighlightedCodeBlock(editor), icon: SquareCodeIcon }));
 };
+export const BlockquoteControl = ({ editor }) => {
+    return (_jsx(Control, { editor: editor, label: "blockquoteControlLabel", isActive: {
+            name: "blockquote",
+        }, operation: {
+            name: "toggleBlockquote",
+        }, icon: IconBlockquote }));
+};
 export const Heading1Control = ({ editor }) => {
     return (_jsx(Control, { editor: editor, label: "h1ControlLabel", isActive: {
             name: "heading",

package/dist/RichTextEditor/Toolbar/Toolbar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import ControlsGroup from "./ControlsGroup";
-import { UndoControl, RedoControl, FontControl, TextColorControl, HighlightControl, BoldControl, ItalicControl, UnderlineControl, StrikeThroughControl, ClearFormattingControl, CodeControl, CodeBlockControl, Heading1Control, Heading2Control, Heading3Control, Heading4Control, BulletListControl, OrderedListControl, AlignLeftControl, AlignCenterControl, AlignRightControl, AlignJustifiedControl, } from "./Controls";
+import { UndoControl, RedoControl, FontControl, TextColorControl, HighlightControl, BoldControl, ItalicControl, UnderlineControl, StrikeThroughControl, ClearFormattingControl, CodeControl, CodeBlockControl, BlockquoteControl, Heading1Control, Heading2Control, Heading3Control, Heading4Control, BulletListControl, OrderedListControl, AlignLeftControl, AlignCenterControl, AlignRightControl, AlignJustifiedControl, } from "./Controls";
 import { Controls } from "../Enums";
 import { DropDownMenu } from "../../DropDownMenu";
 import { useState } from "react";
@@ -46,5 +46,5 @@ export const Toolbar = ({ editor, toolbarOptions }) => {
                             },
                         } }, item.options, { size: "xs", children: (_b = item === null || item === void 0 ? void 0 : item.options) === null || _b === void 0 ? void 0 : _b.label }), index));
                 }
-            }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.UNDO)) && _jsx(UndoControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.REDO)) && _jsx(RedoControl, { editor: editor })] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.FONT)) && _jsx(FontControl, {}), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.COLOR)) && (_jsx(TextColorControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HIGHLIGHT)) && (_jsx(HighlightControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.BOLD)) && _jsx(BoldControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.ITALIC)) && (_jsx(ItalicControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.UNDERLINE)) && (_jsx(UnderlineControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.STRIKE)) && (_jsx(StrikeThroughControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_1)) && (_jsx(Heading1Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_2)) && (_jsx(Heading2Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_3)) && (_jsx(Heading3Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_4)) && (_jsx(Heading4Control, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.BULLET_LIST)) && (_jsx(BulletListControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.ORDERED_LIST)) && (_jsx(OrderedListControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_LEFT)) && (_jsx(AlignLeftControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_CENTER)) && (_jsx(AlignCenterControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_RIGHT)) && (_jsx(AlignRightControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_JUSTIFIED)) && (_jsx(AlignJustifiedControl, { editor: editor }))] }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.LINK)) && (_jsxs(Popover, { opened: linkPopoverOpen, onChange: setLinkPopoverOpen, position: "bottom", width: 330, trapFocus: true, children: [_jsx(Popover.Target, { children: _jsx(Button, { size: "xs", variant: "outlined", title: "Link", "aria-label": "Link", selected: linkPopoverOpen || Boolean(editor === null || editor === void 0 ? void 0 : editor.isActive("link")), disabled: !editor, style: { padding: "1px 6px" }, children: _jsx(LinkIcon, { size: 14 }) }) }), _jsx(Popover.Dropdown, { children: editor && (_jsx(LinkEditor, { editor: editor, autoFocus: linkPopoverOpen, onClose: () => setLinkPopoverOpen(false) })) })] })), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CODE)) && _jsx(CodeControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CODE_BLOCK)) && (_jsx(CodeBlockControl, { editor: editor }))] }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TABLE)) && (_jsx(TableToolsPopover, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CLEAR_FORMATTING)) && (_jsx(ClearFormattingControl, { editor: editor }))] }));
+            }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.UNDO)) && _jsx(UndoControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.REDO)) && _jsx(RedoControl, { editor: editor })] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.FONT)) && _jsx(FontControl, {}), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.COLOR)) && (_jsx(TextColorControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HIGHLIGHT)) && (_jsx(HighlightControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.BOLD)) && _jsx(BoldControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.ITALIC)) && (_jsx(ItalicControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.UNDERLINE)) && (_jsx(UnderlineControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.STRIKE)) && (_jsx(StrikeThroughControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_1)) && (_jsx(Heading1Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_2)) && (_jsx(Heading2Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_3)) && (_jsx(Heading3Control, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.HEADING_4)) && (_jsx(Heading4Control, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.BULLET_LIST)) && (_jsx(BulletListControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.ORDERED_LIST)) && (_jsx(OrderedListControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.BLOCKQUOTE)) && (_jsx(BlockquoteControl, { editor: editor }))] }), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_LEFT)) && (_jsx(AlignLeftControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_CENTER)) && (_jsx(AlignCenterControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_RIGHT)) && (_jsx(AlignRightControl, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TEXT_ALIGN_JUSTIFIED)) && (_jsx(AlignJustifiedControl, { editor: editor }))] }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.LINK)) && (_jsxs(Popover, { opened: linkPopoverOpen, onChange: setLinkPopoverOpen, position: "bottom", width: 330, trapFocus: true, children: [_jsx(Popover.Target, { children: _jsx(Button, { size: "xs", variant: "outlined", title: "Link", "aria-label": "Link", selected: linkPopoverOpen || Boolean(editor === null || editor === void 0 ? void 0 : editor.isActive("link")), disabled: !editor, style: { padding: "1px 6px" }, children: _jsx(LinkIcon, { size: 14 }) }) }), _jsx(Popover.Dropdown, { children: editor && (_jsx(LinkEditor, { editor: editor, autoFocus: linkPopoverOpen, onClose: () => setLinkPopoverOpen(false) })) })] })), _jsxs(ControlsGroup, { children: [(controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CODE)) && _jsx(CodeControl, { editor: editor }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CODE_BLOCK)) && (_jsx(CodeBlockControl, { editor: editor }))] }), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.TABLE)) && (_jsx(TableToolsPopover, { editor: editor })), (controls === null || controls === void 0 ? void 0 : controls.includes(Controls.CLEAR_FORMATTING)) && (_jsx(ClearFormattingControl, { editor: editor }))] }));
 };

package/dist/theme/variants.js

@@ -73,6 +73,10 @@ const lightVariant = {
             main: green[700],
             contrastText: "#FFF",
         },
+        warning: {
+            main: "#ffa726",
+            contrastText: "#FFF",
+        },
         background: {
             default: "#FFF",
             paper: "#FFF",
@@ -260,6 +264,10 @@ const darkVariant = merge(lightVariant, {
             main: green[500],
             contrastText: "#FFF",
         },
+        warning: {
+            main: "#ffa726",
+            contrastText: "#FFF",
+        },
         background: {
             default: "#222222",
             paper: "#333333",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.9.3-dev.1",
+  "version": "1.9.3-dev.3",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",

package/dist/Utilities/getImageTextContent.d.ts

@@ -1,78 +0,0 @@
-export type ImageOcrProgress = {
-    status: string;
-    progress: number;
-};
-export type ImageOcrLine = {
-    text: string;
-    confidence?: number;
-    bbox?: {
-        x0: number;
-        y0: number;
-        x1: number;
-        y1: number;
-    };
-};
-export type ImageTextContent = {
-    text: string;
-    confidence?: number;
-    language: string;
-    lines: ImageOcrLine[];
-};
-export declare const ImageOcrPageSegModes: {
-    readonly OSD_ONLY: "0";
-    readonly AUTO_OSD: "1";
-    readonly AUTO_ONLY: "2";
-    readonly AUTO: "3";
-    readonly SINGLE_COLUMN: "4";
-    readonly SINGLE_BLOCK_VERT_TEXT: "5";
-    readonly SINGLE_BLOCK: "6";
-    readonly SINGLE_LINE: "7";
-    readonly SINGLE_WORD: "8";
-    readonly CIRCLE_WORD: "9";
-    readonly SINGLE_CHAR: "10";
-    readonly SPARSE_TEXT: "11";
-    readonly SPARSE_TEXT_OSD: "12";
-    readonly RAW_LINE: "13";
-};
-export type ImageOcrPageSegMode = (typeof ImageOcrPageSegModes)[keyof typeof ImageOcrPageSegModes];
-export type ImageOcrPreprocessOptions = {
-    grayscale?: boolean;
-    contrast?: number;
-    scale?: number;
-    threshold?: number;
-    maxDimension?: number;
-};
-export type ImageOcrRectangle = {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-};
-export type ImageOcrRecognizeOptions = {
-    rectangle?: ImageOcrRectangle;
-    rotateAuto?: boolean;
-    rotateRadians?: number;
-};
-export type ImageOcrParameters = {
-    tessedit_pageseg_mode?: ImageOcrPageSegMode;
-    tessedit_char_whitelist?: string;
-    tessedit_char_blacklist?: string;
-    preserve_interword_spaces?: "0" | "1";
-    user_defined_dpi?: string;
-    [key: string]: string | undefined;
-};
-export type ImageOcrPreset = "default" | "document" | "driver-license";
-export type GetImageTextContentOptions = {
-    language?: string;
-    preset?: ImageOcrPreset;
-    onProgress?: (progress: ImageOcrProgress) => void;
-    preprocess?: ImageOcrPreprocessOptions;
-    recognizeOptions?: ImageOcrRecognizeOptions;
-    parameters?: ImageOcrParameters;
-    workerOptions?: {
-        workerPath?: string;
-        corePath?: string;
-        langPath?: string;
-    };
-};
-export declare const getImageTextContent: (image: File, options?: GetImageTextContentOptions) => Promise<ImageTextContent>;

package/dist/Utilities/getImageTextContent.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-export const ImageOcrPageSegModes = {
-    OSD_ONLY: "0",
-    AUTO_OSD: "1",
-    AUTO_ONLY: "2",
-    AUTO: "3",
-    SINGLE_COLUMN: "4",
-    SINGLE_BLOCK_VERT_TEXT: "5",
-    SINGLE_BLOCK: "6",
-    SINGLE_LINE: "7",
-    SINGLE_WORD: "8",
-    CIRCLE_WORD: "9",
-    SINGLE_CHAR: "10",
-    SPARSE_TEXT: "11",
-    SPARSE_TEXT_OSD: "12",
-    RAW_LINE: "13",
-};
-const defaultDocumentOptions = {
-    preprocess: {
-        grayscale: true,
-        contrast: 1.25,
-        scale: 2,
-        maxDimension: 2800,
-    },
-    recognizeOptions: {
-        rotateAuto: true,
-    },
-    parameters: {
-        tessedit_pageseg_mode: ImageOcrPageSegModes.AUTO,
-        preserve_interword_spaces: "1",
-        user_defined_dpi: "300",
-    },
-};
-const defaultDriverLicenseOptions = {
-    preprocess: {
-        grayscale: true,
-        contrast: 1.45,
-        scale: 2.5,
-        maxDimension: 3200,
-    },
-    recognizeOptions: {
-        rotateAuto: true,
-    },
-    parameters: {
-        tessedit_pageseg_mode: ImageOcrPageSegModes.SPARSE_TEXT,
-        preserve_interword_spaces: "1",
-        user_defined_dpi: "300",
-    },
-};
-const mergeOptions = (defaults, options) => {
-    var _a, _b;
-    return Object.assign(Object.assign(Object.assign({}, defaults), options), { language: (_b = (_a = options.language) !== null && _a !== void 0 ? _a : defaults.language) !== null && _b !== void 0 ? _b : "eng", preprocess: Object.assign(Object.assign({}, defaults.preprocess), options.preprocess), recognizeOptions: Object.assign(Object.assign({}, defaults.recognizeOptions), options.recognizeOptions), parameters: Object.assign(Object.assign({}, defaults.parameters), options.parameters), workerOptions: Object.assign(Object.assign({}, defaults.workerOptions), options.workerOptions) });
-};
-const getResolvedOptions = (options) => {
-    switch (options.preset) {
-        case "document":
-            return mergeOptions(defaultDocumentOptions, options);
-        case "driver-license":
-            return mergeOptions(defaultDriverLicenseOptions, options);
-        default:
-            return mergeOptions({}, options);
-    }
-};
-const getFallbackLines = (text) => {
-    return text
-        .split(/\r?\n/)
-        .map((line) => line.trim())
-        .filter(Boolean)
-        .map((line) => ({ text: line }));
-};
-const getLinesFromPage = (page) => {
-    var _a, _b;
-    const lines = (_b = (_a = page.blocks) === null || _a === void 0 ? void 0 : _a.flatMap((block) => block.paragraphs.flatMap((paragraph) => paragraph.lines))) !== null && _b !== void 0 ? _b : [];
-    if (!lines.length) {
-        return getFallbackLines(page.text);
-    }
-    return lines
-        .filter((line) => line.text.trim().length > 0)
-        .map((line) => ({
-        text: line.text,
-        confidence: line.confidence,
-        bbox: line.bbox
-            ? {
-                x0: line.bbox.x0,
-                y0: line.bbox.y0,
-                x1: line.bbox.x1,
-                y1: line.bbox.y1,
-            }
-            : undefined,
-    }));
-};
-const loadImageBitmap = (image) => __awaiter(void 0, void 0, void 0, function* () {
-    if (typeof createImageBitmap === "function") {
-        return createImageBitmap(image);
-    }
-    const objectUrl = URL.createObjectURL(image);
-    try {
-        const img = new Image();
-        img.decoding = "async";
-        img.src = objectUrl;
-        yield img.decode();
-        const canvas = document.createElement("canvas");
-        canvas.width = img.naturalWidth;
-        canvas.height = img.naturalHeight;
-        const context = canvas.getContext("2d");
-        if (!context) {
-            throw new Error("Canvas rendering is not available.");
-        }
-        context.drawImage(img, 0, 0);
-        return createImageBitmap(canvas);
-    }
-    finally {
-        URL.revokeObjectURL(objectUrl);
-    }
-});
-const hasPreprocessOptions = (preprocess) => {
-    return Boolean((preprocess === null || preprocess === void 0 ? void 0 : preprocess.grayscale) ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.contrast) ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.scale));
-};
-const clampByte = (value) => Math.max(0, Math.min(255, value));
-const preprocessImage = (image, preprocess) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    if (!hasPreprocessOptions(preprocess)) {
-        return image;
-    }
-    const bitmap = yield loadImageBitmap(image);
-    const requestedScale = (_a = preprocess === null || preprocess === void 0 ? void 0 : preprocess.scale) !== null && _a !== void 0 ? _a : 1;
-    const maxDimension = (_b = preprocess === null || preprocess === void 0 ? void 0 : preprocess.maxDimension) !== null && _b !== void 0 ? _b : 3000;
-    const largestSourceDimension = Math.max(bitmap.width, bitmap.height);
-    const scale = Math.min(Math.max(requestedScale, 1), maxDimension / largestSourceDimension);
-    const width = Math.max(1, Math.round(bitmap.width * scale));
-    const height = Math.max(1, Math.round(bitmap.height * scale));
-    const canvas = document.createElement("canvas");
-    canvas.width = width;
-    canvas.height = height;
-    const context = canvas.getContext("2d", { willReadFrequently: true });
-    if (!context) {
-        throw new Error("Canvas rendering is not available.");
-    }
-    context.imageSmoothingEnabled = true;
-    context.imageSmoothingQuality = "high";
-    context.drawImage(bitmap, 0, 0, width, height);
-    bitmap.close();
-    const imageData = context.getImageData(0, 0, width, height);
-    const { data } = imageData;
-    const contrast = (_c = preprocess === null || preprocess === void 0 ? void 0 : preprocess.contrast) !== null && _c !== void 0 ? _c : 1;
-    const contrastFactor = contrast === 1 ? 1 : (259 * (255 * contrast - 255 + 255)) / (255 * (259 - (255 * contrast - 255)));
-    for (let index = 0; index < data.length; index += 4) {
-        let red = data[index];
-        let green = data[index + 1];
-        let blue = data[index + 2];
-        if ((preprocess === null || preprocess === void 0 ? void 0 : preprocess.grayscale) || (preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined) {
-            const luminance = 0.299 * red + 0.587 * green + 0.114 * blue;
-            red = luminance;
-            green = luminance;
-            blue = luminance;
-        }
-        if (contrast !== 1) {
-            red = clampByte(contrastFactor * (red - 128) + 128);
-            green = clampByte(contrastFactor * (green - 128) + 128);
-            blue = clampByte(contrastFactor * (blue - 128) + 128);
-        }
-        if ((preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined) {
-            const threshold = clampByte(preprocess.threshold);
-            const value = red >= threshold ? 255 : 0;
-            red = value;
-            green = value;
-            blue = value;
-        }
-        data[index] = red;
-        data[index + 1] = green;
-        data[index + 2] = blue;
-    }
-    context.putImageData(imageData, 0, 0);
-    return new Promise((resolve, reject) => {
-        canvas.toBlob((blob) => {
-            if (!blob) {
-                reject(new Error("Unable to prepare image for OCR."));
-                return;
-            }
-            resolve(blob);
-        }, "image/png");
-    });
-});
-export const getImageTextContent = (image_1, ...args_1) => __awaiter(void 0, [image_1, ...args_1], void 0, function* (image, options = {}) {
-    if (!image.type.startsWith("image/")) {
-        throw new Error("getImageTextContent requires an image File.");
-    }
-    const { language, onProgress, parameters, preprocess, recognizeOptions, workerOptions, } = getResolvedOptions(options);
-    const { createWorker } = yield import("tesseract.js");
-    let worker;
-    try {
-        worker = yield createWorker(language, undefined, Object.assign(Object.assign({}, workerOptions), { logger: ({ progress, status }) => {
-                onProgress === null || onProgress === void 0 ? void 0 : onProgress({ progress, status });
-            } }));
-        if (parameters && Object.keys(parameters).length > 0) {
-            yield worker.setParameters(parameters);
-        }
-        const ocrImage = yield preprocessImage(image, preprocess);
-        const result = yield worker.recognize(ocrImage, recognizeOptions, { text: true, blocks: true });
-        const { data } = result;
-        return {
-            text: data.text,
-            confidence: data.confidence,
-            language,
-            lines: getLinesFromPage(data),
-        };
-    }
-    finally {
-        yield (worker === null || worker === void 0 ? void 0 : worker.terminate());
-    }
-});