@monolith-forensics/monolith-ui 1.8.1 → 1.9.0

package/dist/QueryFilter/components/RuleChip.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import styled, { useTheme } from "styled-components";
-import { DropDownMenu } from "../../DropDownMenu";
-import { DefaultOperators } from "../QueryFilter.constants";
-import { operatorRequiresValue } from "../QueryFilter.lib";
-import { CloseLabel, FieldLabel, RuleContainer } from "../QueryFilter.styled";
-import { ValueSelector } from "./ValueSelector";
-const RuleLabel = styled(FieldLabel) `
-  &:hover {
-    background-color: transparent;
-  }
-`;
-export const RuleChip = ({ rule, filterDef, onDelete, onOperatorChange, onUpdate }) => {
-    const theme = useTheme();
-    const operatorOptions = (filterDef === null || filterDef === void 0 ? void 0 : filterDef.operators) || DefaultOperators;
-    const inputType = (filterDef === null || filterDef === void 0 ? void 0 : filterDef.inputType) || "text";
-    return (_jsxs(RuleContainer, { "data-rule-id": rule.id, children: [_jsx(RuleLabel, { children: rule.label }), _jsx(DropDownMenu, { variant: "outlined", data: operatorOptions, size: "xs", buttonProps: {
-                    title: "Select Operator",
-                    variant: "contained",
-                    color: "secondary",
-                    style: {
-                        fontFamily: theme.typography.fontFamily,
-                        fontWeight: "normal",
-                        fontSize: 11,
-                        lineHeight: 1,
-                        padding: "3px 8px",
-                        height: 24,
-                        borderRadius: 0,
-                        backgroundColor: "transparent",
-                        borderColor: "transparent",
-                        color: theme.palette.text.secondary,
-                    },
-                }, onItemSelect: (e) => onOperatorChange(rule, e), dropDownProps: {
-                    style: { width: 150, maxWidth: 400 },
-                }, children: rule.operator.label }), operatorRequiresValue(rule.operator) && (_jsx(ValueSelector, { rule: rule, inputType: inputType, filterDef: filterDef, onChange: onUpdate })), _jsx(CloseLabel, { variant: "contained", onClick: () => onDelete(rule), children: _jsx(XIcon, { size: 16 }) })] }));
-};

package/dist/QueryFilter/components/Rules.d.ts

@@ -1,11 +0,0 @@
-import { FilterDefinition, Rule } from "../QueryFilter.types";
-export interface RulesProps {
-    rules: Rule[];
-    combinator: "and" | "or";
-    showCombinator?: boolean;
-    filterDefinitions: FilterDefinition[];
-    onDelete: (rule: Rule) => void;
-    onUpdate: (rule: Rule) => void;
-    onUpdateRootCombinator: (e: "or" | "and") => void;
-}
-export declare const Rules: React.FC<RulesProps>;

package/dist/QueryFilter/components/Rules.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from "styled-components";
-import { DropDownMenu } from "../../DropDownMenu";
-import { QUERY_FILTER_COMBINATOR_OPTIONS, QUERY_FILTER_COMBINATOR_TITLE, } from "../QueryFilter.constants";
-import { updateRuleOperator } from "../QueryFilter.lib";
-import { RuleChip } from "./RuleChip";
-import { UnavailableRuleChip } from "./UnavailableRuleChip";
-export const Rules = ({ rules = [], combinator, showCombinator, filterDefinitions, onDelete, onUpdate, onUpdateRootCombinator, }) => {
-    const theme = useTheme();
-    const handleCombinatorChange = (e) => {
-        onUpdateRootCombinator(e);
-    };
-    const handleOperatorChange = (rule, operator) => {
-        onUpdate(updateRuleOperator(rule, operator));
-    };
-    return (_jsxs(_Fragment, { children: [showCombinator === true && (_jsx(DropDownMenu, { variant: "outlined", data: QUERY_FILTER_COMBINATOR_OPTIONS, size: "xs", buttonProps: {
-                    title: QUERY_FILTER_COMBINATOR_TITLE,
-                    variant: "contained",
-                    color: "secondary",
-                    style: {
-                        fontFamily: theme.typography.fontFamily,
-                        fontWeight: 400,
-                        fontSize: 11,
-                        letterSpacing: 0,
-                        lineHeight: 1,
-                        padding: "3px 8px",
-                        height: 24,
-                        borderRadius: 5,
-                        borderColor: "transparent",
-                        color: theme.palette.text.secondary,
-                    },
-                }, onItemSelect: (e) => handleCombinatorChange(e.value), dropDownProps: {
-                    style: { width: 75 },
-                }, children: combinator.toUpperCase() })), rules.map((rule, index) => {
-                const filterDef = filterDefinitions.find((f) => f.dataField === rule.dataField);
-                if (!filterDef) {
-                    return (_jsx(UnavailableRuleChip, { rule: rule, onDelete: onDelete }, rule.id || `${rule.dataField}-${index}`));
-                }
-                return (_jsx(RuleChip, { rule: rule, filterDef: filterDef, onDelete: onDelete, onOperatorChange: handleOperatorChange, onUpdate: onUpdate }, rule.id || `${rule.dataField}-${index}`));
-            })] }));
-};

package/dist/QueryFilter/components/UnavailableRuleChip.d.ts

@@ -1,5 +0,0 @@
-import { Rule } from "../QueryFilter.types";
-export declare const UnavailableRuleChip: React.FC<{
-    rule: Rule;
-    onDelete: (rule: Rule) => void;
-}>;

package/dist/QueryFilter/components/UnavailableRuleChip.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import { QUERY_FILTER_UNAVAILABLE_FILTER_LABEL } from "../QueryFilter.constants";
-import { CloseLabel, FieldLabel, UnavailableRuleContainer, ValueLabel, } from "../QueryFilter.styled";
-export const UnavailableRuleChip = ({ rule, onDelete }) => {
-    return (_jsxs(UnavailableRuleContainer, { "data-rule-id": rule.id, children: [_jsx(FieldLabel, { title: rule.dataField, children: rule.label || rule.dataField }), _jsx(ValueLabel, { children: QUERY_FILTER_UNAVAILABLE_FILTER_LABEL }), _jsx(CloseLabel, { variant: "contained", onClick: () => onDelete(rule), children: _jsx(XIcon, { size: 16 }) })] }));
-};

package/dist/QueryFilter/components/ValueEditor.d.ts

@@ -1,7 +0,0 @@
-import { FilterDefinition, InputType, Rule } from "../QueryFilter.types";
-export declare const ValueEditor: React.FC<{
-    rule: Rule;
-    inputType: InputType;
-    filterDef: FilterDefinition;
-    onChange?: (e: Rule) => void;
-}>;

package/dist/QueryFilter/components/ValueEditor.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useDebouncedCallback } from "use-debounce";
-import { QUERY_FILTER_DATE_FORMATS, QUERY_FILTER_VALUE_PLACEHOLDER, } from "../QueryFilter.constants";
-import { dateFormatResolver, formatRuleTimestampValue, } from "../QueryFilter.lib";
-import { StyledDateInput, StyledInput } from "../QueryFilter.styled";
-import { MultiSelectEditor } from "./MultiSelectEditor";
-export const ValueEditor = ({ rule, inputType, filterDef, onChange }) => {
-    var _a, _b, _c;
-    const editorValue = ((_a = rule.value) === null || _a === void 0 ? void 0 : _a[0]) || "";
-    const dateEditorValue = ((_b = rule.value) === null || _b === void 0 ? void 0 : _b[0]) === "" ? undefined : (_c = rule.value) === null || _c === void 0 ? void 0 : _c[0];
-    const [draftValue, setDraftValue] = useState(editorValue);
-    useEffect(() => {
-        setDraftValue(editorValue);
-    }, [editorValue]);
-    const handleInputChange = useDebouncedCallback((value) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: value ? [value] : undefined }));
-    }, 250);
-    const handleDraftInputChange = (e) => {
-        const value = e.target.value;
-        setDraftValue(value);
-        handleInputChange(value);
-    };
-    const handleMultiSelectChange = useDebouncedCallback((selected) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: selected.map((s) => s.value), options: selected }));
-    }, 100);
-    const handleTimestampChange = useDebouncedCallback((timestamp) => {
-        const formattedValue = formatRuleTimestampValue(timestamp, filterDef);
-        onChange === null || onChange === void 0 ? void 0 : onChange(Object.assign(Object.assign({}, rule), { value: formattedValue ? [formattedValue] : undefined }));
-    }, 100);
-    switch (inputType) {
-        case "text":
-            return (_jsx(StyledInput, { placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-        case "number":
-            return (_jsx(StyledInput, { type: "number", placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-        case "date":
-            return (_jsx(StyledDateInput, { arrow: false, enableCalendar: true, format: QUERY_FILTER_DATE_FORMATS.day, value: dateEditorValue, onChange: handleTimestampChange }));
-        case "datetime":
-            return (_jsx(StyledDateInput, { arrow: false, enableCalendar: true, format: dateFormatResolver(filterDef === null || filterDef === void 0 ? void 0 : filterDef.resolution), value: dateEditorValue, onChange: handleTimestampChange }));
-        case "multiselect":
-            return (_jsx(MultiSelectEditor, { rule: rule, filterDef: filterDef, onChange: handleMultiSelectChange }));
-        default:
-            return (_jsx(StyledInput, { placeholder: filterDef.placeholder || QUERY_FILTER_VALUE_PLACEHOLDER, value: draftValue, onChange: handleDraftInputChange }));
-    }
-};

package/dist/QueryFilter/components/ValueSelector.d.ts

@@ -1,7 +0,0 @@
-import { FilterDefinition, InputType, Rule } from "../QueryFilter.types";
-export declare const ValueSelector: React.FC<{
-    rule: Rule;
-    inputType: InputType;
-    filterDef: FilterDefinition;
-    onChange?: (e: Rule) => void;
-}>;

package/dist/QueryFilter/components/ValueSelector.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-import SuperDatePicker from "../../SuperDatePicker";
-import { QUERY_FILTER_DATE_FORMATS } from "../QueryFilter.constants";
-import { dateFormatResolver, getRuleDateRangeValue, getSecondaryRuleValue, isDateInputType, isBetweenOperator, updateRuleDateRangeValue, updateRulePrimaryValue, updateRuleSecondaryValue, } from "../QueryFilter.lib";
-import { FieldLabel } from "../QueryFilter.styled";
-import { ValueEditor } from "./ValueEditor";
-const BetweenAndLabel = styled(FieldLabel) `
-  &:hover {
-    background-color: transparent;
-  }
-`;
-export const ValueSelector = ({ rule, inputType, filterDef, onChange }) => {
-    var _a, _b;
-    const isBetween = isBetweenOperator(rule.operator);
-    const useSuperDatePicker = isBetween &&
-        isDateInputType(inputType) &&
-        filterDef.betweenEditor === "superDatePicker";
-    const handleValueChange = (nextRule) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRulePrimaryValue(rule, nextRule));
-    };
-    const handleSecondaryValueChange = (nextRule) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRuleSecondaryValue(rule, nextRule));
-    };
-    const handleDateRangeChange = (value) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRuleDateRangeValue(rule, value, filterDef));
-    };
-    if (useSuperDatePicker) {
-        return (_jsx(SuperDatePicker, Object.assign({}, filterDef.superDatePickerProps, { clearable: (_b = (_a = filterDef.superDatePickerProps) === null || _a === void 0 ? void 0 : _a.clearable) !== null && _b !== void 0 ? _b : false, format: inputType === "date"
-                ? QUERY_FILTER_DATE_FORMATS.day
-                : dateFormatResolver(filterDef.resolution), size: "xxs", value: getRuleDateRangeValue(rule), variant: "text", width: "auto", onChange: handleDateRangeChange })));
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(ValueEditor, { rule: rule, inputType: inputType, filterDef: filterDef, onChange: handleValueChange }), isBetween && (_jsxs(_Fragment, { children: [_jsx(BetweenAndLabel, { children: "and" }), _jsx(ValueEditor, { rule: Object.assign(Object.assign({}, rule), { value: [getSecondaryRuleValue(rule)] }), inputType: inputType, filterDef: filterDef, onChange: handleSecondaryValueChange })] }))] }));
-};

package/dist/QueryFilter/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./MultiSelectEditor";
-export * from "./RuleChip";
-export * from "./Rules";
-export * from "./UnavailableRuleChip";
-export * from "./ValueEditor";
-export * from "./ValueSelector";

package/dist/QueryFilter/components/index.js

@@ -1,6 +0,0 @@
-export * from "./MultiSelectEditor";
-export * from "./RuleChip";
-export * from "./Rules";
-export * from "./UnavailableRuleChip";
-export * from "./ValueEditor";
-export * from "./ValueSelector";

package/dist/RichTextEditor/Components/CodeBlockBaseButton.d.ts

@@ -1,18 +0,0 @@
-export declare const CodeBlockBaseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    ref?: import("react").RefObject<HTMLButtonElement>;
-    children?: import("react").ReactNode | string;
-    className?: string;
-    loading?: boolean;
-    leftSection?: import("react").ReactNode;
-    rightSection?: import("react").ReactNode;
-    href?: string | null;
-    download?: string | null;
-    fullWidth?: boolean;
-    size?: import("../../core").Size;
-    variant?: import("../../core").Variant;
-    color?: import("../../Button").ButtonColor;
-    disabled?: boolean;
-    selected?: boolean;
-    justify?: "start" | "center" | "end";
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}, never>> & string & Omit<import("react").FC<import("../../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;

package/dist/RichTextEditor/Components/CodeBlockBaseButton.js

@@ -1,6 +0,0 @@
-import styled from "styled-components";
-import { Button } from "../../Button";
-export const CodeBlockBaseButton = styled(Button) `
-  padding: 5px;
-  background-color: ${({ theme }) => theme.palette.background.paper};
-`;

package/dist/RichTextEditor/Components/CodeBlockCopyButton.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from "@tiptap/react";
-type CodeBlockCopyButtonProps = {
-    className?: string;
-    editor?: Editor | null;
-    text?: string;
-    size?: "xs" | "sm";
-};
-declare const CodeBlockCopyButton: ({ className, editor, text, size, }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeBlockCopyButton;

package/dist/RichTextEditor/Components/CodeBlockCopyButton.js

@@ -1,42 +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());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { copyCodeBlockText, getActiveCodeBlockText, } from "../Utils/codeBlockUtils";
-import { CodeBlockBaseButton } from "./CodeBlockBaseButton";
-const CodeBlockCopyButton = ({ className, editor, text, size = "xs", }) => {
-    const [copied, setCopied] = useState(false);
-    const [copyFailed, setCopyFailed] = useState(false);
-    const code = text !== null && text !== void 0 ? text : getActiveCodeBlockText(editor || null);
-    useEffect(() => {
-        if (!copied && !copyFailed)
-            return;
-        const timeout = window.setTimeout(() => {
-            setCopied(false);
-            setCopyFailed(false);
-        }, 1400);
-        return () => window.clearTimeout(timeout);
-    }, [copied, copyFailed]);
-    return (_jsx(CodeBlockBaseButton, { className: className, size: size, variant: "outlined", title: copyFailed ? "Unable to copy" : copied ? "Copied" : "Copy code", "aria-label": copyFailed ? "Unable to copy code" : copied ? "Copied" : "Copy code", disabled: !code, onClick: (event) => __awaiter(void 0, void 0, void 0, function* () {
-            event.preventDefault();
-            event.stopPropagation();
-            try {
-                yield copyCodeBlockText(code);
-                setCopied(true);
-                setCopyFailed(false);
-            }
-            catch (_a) {
-                setCopied(false);
-                setCopyFailed(true);
-            }
-        }), children: copied ? _jsx(CheckIcon, { size: 14 }) : _jsx(CopyIcon, { size: 14 }) }));
-};
-export default CodeBlockCopyButton;

package/dist/RichTextEditor/Components/CodeBlockFormatButton.d.ts

@@ -1,10 +0,0 @@
-import { Editor } from "@tiptap/react";
-type CodeBlockFormatButtonProps = {
-    className?: string;
-    editor?: Editor | null;
-    language?: string;
-    onFormat?: () => Promise<void>;
-    size?: "xs" | "sm";
-};
-declare const CodeBlockFormatButton: ({ className, editor, language, onFormat, size, }: CodeBlockFormatButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeBlockFormatButton;

package/dist/RichTextEditor/Components/CodeBlockFormatButton.js

@@ -1,60 +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());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { CheckIcon, TriangleAlertIcon, WandSparklesIcon } from "lucide-react";
-import { canFormatCodeBlockLanguage, formatActiveCodeBlock, getCodeBlockLanguage, } from "../Utils/codeBlockUtils";
-import { CodeBlockBaseButton } from "./CodeBlockBaseButton";
-const CodeBlockFormatButton = ({ className, editor, language, onFormat, size = "xs", }) => {
-    const [formatted, setFormatted] = useState(false);
-    const [formatFailed, setFormatFailed] = useState(false);
-    const codeLanguage = language !== null && language !== void 0 ? language : getCodeBlockLanguage(editor || null);
-    const canFormat = canFormatCodeBlockLanguage(codeLanguage);
-    useEffect(() => {
-        if (!formatted && !formatFailed)
-            return;
-        const timeout = window.setTimeout(() => {
-            setFormatted(false);
-            setFormatFailed(false);
-        }, 1400);
-        return () => window.clearTimeout(timeout);
-    }, [formatted, formatFailed]);
-    return (_jsx(CodeBlockBaseButton, { className: className, size: size, variant: "outlined", title: !canFormat
-            ? "Formatting is not supported for this language"
-            : formatFailed
-                ? "Unable to format code"
-                : formatted
-                    ? "Formatted"
-                    : "Format code", "aria-label": !canFormat
-            ? "Formatting is not supported for this language"
-            : formatFailed
-                ? "Unable to format code"
-                : formatted
-                    ? "Formatted"
-                    : "Format code", disabled: !canFormat || (!onFormat && !(editor === null || editor === void 0 ? void 0 : editor.isActive("codeBlock"))), onClick: (event) => __awaiter(void 0, void 0, void 0, function* () {
-            event.preventDefault();
-            event.stopPropagation();
-            try {
-                if (onFormat) {
-                    yield onFormat();
-                }
-                else {
-                    yield formatActiveCodeBlock(editor || null);
-                }
-                setFormatted(true);
-                setFormatFailed(false);
-            }
-            catch (_a) {
-                setFormatted(false);
-                setFormatFailed(true);
-            }
-        }), children: formatted ? (_jsx(CheckIcon, { size: 14 })) : formatFailed ? (_jsx(TriangleAlertIcon, { size: 14 })) : (_jsx(WandSparklesIcon, { size: 14 })) }));
-};
-export default CodeBlockFormatButton;

package/dist/RichTextEditor/Components/CodeBlockLanguageSelect.d.ts

@@ -1,9 +0,0 @@
-import { Editor } from "@tiptap/react";
-type CodeBlockLanguageSelectProps = {
-    className?: string;
-    editor?: Editor | null;
-    language?: string;
-    onLanguageChange?: (language: string) => void;
-};
-declare const CodeBlockLanguageSelect: ({ className, editor, language, onLanguageChange, }: CodeBlockLanguageSelectProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeBlockLanguageSelect;

package/dist/RichTextEditor/Components/CodeBlockLanguageSelect.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CodeXmlIcon } from "lucide-react";
-import { DropDownMenu } from "../../DropDownMenu";
-import { CODE_BLOCK_LANGUAGES, getCodeBlockLanguage, getCodeBlockLanguageOption, setCodeBlockLanguage, } from "../Utils/codeBlockUtils";
-import { useTheme } from "styled-components";
-const CodeBlockLanguageSelect = ({ className, editor, language, onLanguageChange, }) => {
-    const theme = useTheme();
-    const codeLanguage = language !== null && language !== void 0 ? language : getCodeBlockLanguage(editor || null);
-    const selectedLanguage = getCodeBlockLanguageOption(codeLanguage);
-    return (_jsx(DropDownMenu, { className: className, data: CODE_BLOCK_LANGUAGES, value: [selectedLanguage], enableSelectedOptionStyling: true, size: "xs", variant: "outlined", disabled: !onLanguageChange && !(editor === null || editor === void 0 ? void 0 : editor.isActive("codeBlock")), onItemSelect: (item) => {
-            if (onLanguageChange) {
-                onLanguageChange(item.value);
-                return;
-            }
-            setCodeBlockLanguage(editor || null, item.value);
-        }, buttonProps: {
-            title: "Select code language",
-            leftSection: _jsx(CodeXmlIcon, { size: 12 }),
-            style: {
-                padding: "1px 6px",
-                backgroundColor: theme.palette.background.paper,
-            },
-        }, dropDownProps: {
-            style: {
-                width: 150,
-                height: 250,
-            },
-        }, children: selectedLanguage.label }));
-};
-export default CodeBlockLanguageSelect;

package/dist/RichTextEditor/Components/CodeBlockNodeView.d.ts

@@ -1,3 +0,0 @@
-import { ReactNodeViewProps } from "@tiptap/react";
-declare const CodeBlockNodeView: ({ editor, getPos, node, updateAttributes, }: ReactNodeViewProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeBlockNodeView;

package/dist/RichTextEditor/Components/CodeBlockNodeView.js

@@ -1,28 +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());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NodeViewContent, NodeViewWrapper, } from "@tiptap/react";
-import CodeBlockCopyButton from "./CodeBlockCopyButton";
-import CodeBlockWrapButton from "./CodeBlockWrapButton";
-import CodeBlockFormatButton from "./CodeBlockFormatButton";
-import CodeBlockLanguageSelect from "./CodeBlockLanguageSelect";
-import { formatCodeBlockText, replaceCodeBlockContent, } from "../Utils/codeBlockUtils";
-const CodeBlockNodeView = ({ editor, getPos, node, updateAttributes, }) => {
-    const language = node.attrs.language;
-    const wrap = Boolean(node.attrs.wrap);
-    return (_jsxs(NodeViewWrapper, { as: "pre", className: "editor-code-block", "data-language": language || "plaintext", "data-wrap": wrap ? "true" : "false", children: [_jsxs("div", { className: "editor-code-block-actions", contentEditable: false, children: [_jsx(CodeBlockLanguageSelect, { language: language, onLanguageChange: (language) => updateAttributes({ language }) }), _jsx(CodeBlockWrapButton, { active: wrap, onToggle: () => updateAttributes({ wrap: !wrap }) }), _jsx(CodeBlockFormatButton, { className: "editor-code-block-action", language: language, onFormat: () => __awaiter(void 0, void 0, void 0, function* () {
-                            const pos = getPos();
-                            if (typeof pos !== "number")
-                                return;
-                            const formatted = yield formatCodeBlockText(node.textContent, language);
-                            replaceCodeBlockContent(editor, pos + 1, pos + node.nodeSize - 1, formatted);
-                        }) }), _jsx(CodeBlockCopyButton, { className: "editor-code-block-action", text: node.textContent })] }), _jsx(NodeViewContent, { as: "code", className: `hljs language-${language || "plaintext"}`, spellCheck: false })] }));
-};
-export default CodeBlockNodeView;

package/dist/RichTextEditor/Components/CodeBlockWrapButton.d.ts

@@ -1,10 +0,0 @@
-import { Editor } from "@tiptap/react";
-type CodeBlockWrapButtonProps = {
-    className?: string;
-    editor?: Editor | null;
-    active?: boolean;
-    onToggle?: () => void;
-    size?: "xs" | "sm";
-};
-declare const CodeBlockWrapButton: ({ className, editor, active, onToggle, size, }: CodeBlockWrapButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeBlockWrapButton;

package/dist/RichTextEditor/Components/CodeBlockWrapButton.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WrapTextIcon } from "lucide-react";
-import { getCodeBlockWrap, toggleCodeBlockWrap } from "../Utils/codeBlockUtils";
-import { CodeBlockBaseButton } from "./CodeBlockBaseButton";
-const CodeBlockWrapButton = ({ className, editor, active, onToggle, size = "xs", }) => {
-    const isWrapped = active !== null && active !== void 0 ? active : getCodeBlockWrap(editor || null);
-    return (_jsx(CodeBlockBaseButton, { className: className, size: size, variant: "outlined", title: isWrapped ? "Disable code wrapping" : "Enable code wrapping", "aria-label": isWrapped ? "Disable code wrapping" : "Enable code wrapping", selected: isWrapped, disabled: !onToggle && !(editor === null || editor === void 0 ? void 0 : editor.isActive("codeBlock")), onClick: (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            if (onToggle) {
-                onToggle();
-                return;
-            }
-            toggleCodeBlockWrap(editor || null);
-        }, children: _jsx(WrapTextIcon, { size: 14 }) }));
-};
-export default CodeBlockWrapButton;

package/dist/RichTextEditor/Components/LinkEditor.d.ts

@@ -1,8 +0,0 @@
-import { Editor } from "@tiptap/react";
-type LinkEditorProps = {
-    editor: Editor;
-    onClose?: () => void;
-    autoFocus?: boolean;
-};
-export declare const LinkEditor: React.FC<LinkEditorProps>;
-export default LinkEditor;

package/dist/RichTextEditor/Components/LinkEditor.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState, } from "react";
-import styled from "styled-components";
-import { ExternalLinkIcon, SaveIcon, UnlinkIcon } from "lucide-react";
-import Input from "../../Input";
-import { Button } from "../../Button";
-import { getLinkAttributes, normalizeLinkUrl, openLink, } from "../Utils/linkUtils";
-const LinkEditorContent = styled.form `
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 280px;
-`;
-const LinkInput = styled(Input) `
-  min-width: 190px;
-`;
-const LinkActions = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-const LinkEditorButton = styled(Button) `
-  padding: 0 6px;
-`;
-const getInitialHref = (editor) => editor.getAttributes("link").href || "";
-export const LinkEditor = ({ editor, onClose, autoFocus, }) => {
-    const inputRef = useRef(null);
-    const [href, setHref] = useState(() => getInitialHref(editor));
-    const currentHref = getInitialHref(editor);
-    const normalizedLink = useMemo(() => normalizeLinkUrl(href), [href]);
-    const hasLink = Boolean(currentHref);
-    useEffect(() => {
-        setHref(getInitialHref(editor));
-    }, [editor, editor.state.selection.from, editor.state.selection.to]);
-    useEffect(() => {
-        if (!autoFocus)
-            return;
-        window.requestAnimationFrame(() => {
-            var _a, _b;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.select();
-        });
-    }, [autoFocus]);
-    const handleSave = () => {
-        if (!normalizedLink.isValid)
-            return;
-        const { from, to, empty } = editor.state.selection;
-        const attributes = getLinkAttributes(normalizedLink.href);
-        if (empty && hasLink) {
-            editor.chain().focus().extendMarkRange("link").setLink(attributes).run();
-        }
-        else if (empty) {
-            editor
-                .chain()
-                .focus()
-                .insertContent({
-                type: "text",
-                text: normalizedLink.href,
-                marks: [
-                    {
-                        type: "link",
-                        attrs: attributes,
-                    },
-                ],
-            })
-                .run();
-        }
-        else {
-            editor
-                .chain()
-                .focus()
-                .setTextSelection({ from, to })
-                .setLink(attributes)
-                .run();
-        }
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    };
-    const handleRemove = () => {
-        editor.chain().focus().extendMarkRange("link").unsetLink().run();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    };
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        handleSave();
-    };
-    const handleKeyDown = (event) => {
-        if (event.key === "Escape") {
-            event.preventDefault();
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    };
-    return (_jsxs(LinkEditorContent, { onSubmit: handleSubmit, children: [_jsx(LinkInput, { ref: inputRef, "aria-label": "Enter URL", placeholder: "https://example.com/", size: "xs", variant: "outlined", value: href, onChange: (event) => setHref(event.target.value), onKeyDown: handleKeyDown }), _jsxs(LinkActions, { children: [hasLink && (_jsxs(_Fragment, { children: [_jsx(LinkEditorButton, { "aria-label": "Open link", title: "Open link", size: "xs", variant: "subtle", type: "button", onClick: () => openLink(currentHref), children: _jsx(ExternalLinkIcon, { size: 14 }) }), _jsx(LinkEditorButton, { "aria-label": "Remove link", title: "Remove link", size: "xs", variant: "subtle", type: "button", onClick: handleRemove, children: _jsx(UnlinkIcon, { size: 14 }) })] })), _jsx(LinkEditorButton, { "aria-label": "Save link", title: "Save link", size: "xs", variant: "subtle", type: "submit", disabled: !normalizedLink.isValid, children: _jsx(SaveIcon, { size: 14 }) })] })] }));
-};
-export default LinkEditor;

package/dist/RichTextEditor/Components/TableTools/TableCornerMenu.d.ts

@@ -1,2 +0,0 @@
-import type { TableCornerMenuProps } from "./TableTools.types";
-export declare const TableCornerMenu: ({ editor, target, opened, onOpen, onClose, onAction, onMouseEnter, onMouseLeave, onMouseDown, }: TableCornerMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/RichTextEditor/Components/TableTools/TableCornerMenu.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TablePropertiesIcon } from "lucide-react";
-import { Button } from "../../../Button";
-import { Popover } from "../../../Popover";
-import { getTableActionGroups } from "./TableTools.actions";
-import { CornerRoot, MenuDropdown } from "./TableTools.styled";
-import { getCornerRect } from "./TableTools.geometry";
-import { TableToolMenu } from "./TableToolMenu";
-export const TableCornerMenu = ({ editor, target, opened, onOpen, onClose, onAction, onMouseEnter, onMouseLeave, onMouseDown, }) => {
-    const rect = getCornerRect(target);
-    const groups = getTableActionGroups(editor, target);
-    return (_jsx(CornerRoot, { "data-monolith-table-rail": true, "$top": rect.top, "$left": rect.left, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: _jsxs(Popover, { opened: opened, onChange: (nextOpened) => {
-                if (nextOpened) {
-                    onOpen();
-                    return;
-                }
-                onClose();
-            }, position: "bottom-start", width: 245, trapFocus: true, children: [_jsx(Popover.Target, { children: _jsx(Button, { type: "button", size: "xs", variant: "outlined", title: "Table options", "aria-label": "Table options", selected: opened, onMouseDown: onMouseDown, children: _jsx(TablePropertiesIcon, { size: 12 }) }) }), _jsx(MenuDropdown, { children: _jsx(TableToolMenu, { groups: groups, onAction: onAction }) })] }) }));
-};

package/dist/RichTextEditor/Components/TableTools/TableInsertControls.d.ts

@@ -1,2 +0,0 @@
-import type { TableToolsContentProps } from "./TableTools.types";
-export declare const TableToolsContent: ({ editor, showInsert, onInsert, onAction, }: TableToolsContentProps) => import("react/jsx-runtime").JSX.Element;