@parhelia/core 0.1.10745

package/dist/editor/FieldListFieldWithFallbacks.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ArrowUp } from "lucide-react";
+import FieldListField from "./FieldListField";
+import { useEditContext, useOperationsContext, useFieldsEditContext, } from "./client/editContext";
+import { Checkbox } from "../components/ui/checkbox";
+export function FieldListFieldWithFallbacks({ fieldDescriptor, validators, simplified, title, compareToField, readonly, tabIndex, }) {
+    const [showFallback, setShowFallback] = useState(false);
+    const [fallbackChain, setFallbackChain] = useState();
+    const ref = useRef(null);
+    const [hover, setHover] = useState(false);
+    const [field, setField] = useState();
+    const editContext = useEditContext();
+    const fieldsContext = useFieldsEditContext();
+    if (!editContext)
+        return;
+    const operationsContext = useOperationsContext();
+    useEffect(() => {
+        const loadField = async () => {
+            const field = await editContext.itemsRepository.getField(fieldDescriptor);
+            setField(field);
+        };
+        loadField();
+    }, [editContext.itemsRepository.revision, fieldDescriptor]);
+    //const liveField = editContext.getLiveField(field);
+    // function isEditFieldOp(op?: EditOperation): op is EditFieldOperation {
+    //   return op?.type === "edit-field";
+    // }
+    async function loadFallback() {
+        if (!field?.fallbackChain || !editContext)
+            return;
+        await editContext.itemsRepository.getItems(field.fallbackChain?.map((x) => x.item));
+        setFallbackChain((await Promise.all(field.fallbackChain.map((x) => editContext.itemsRepository.getField(x)))).filter((x) => x));
+        //const chain = await loadFallbackChain(field.descriptor);
+        // if(currentEditOp.item.language !== field._editor!.descriptor.item.language) {
+        //   chain.forEach((x, i) => {
+        //     if (i > 0) {
+        //       x._editor!.isFallback = true;
+        //     }
+        //   });
+        // }
+        // // chain.forEach((x, i) => {
+        // //   if (
+        // //     init ||
+        // //     !isEditFieldOp(currentEditOp) ||
+        // //     currentEditOp.fieldId !== x.id ||
+        // //     currentEditOp.item.id !== x._editor!.descriptor.item.id ||
+        // //     currentEditOp.item.language !== x._editor!.descriptor.item.language
+        // //   ) {
+        // //     console.log("apply change", i, x);
+        // //     x._editor! = chain[i]._editor!;
+        // //     x.value = chain[i].value;
+        // //     x.jsonValue = chain[i].jsonValue;
+        // //   }
+        // // });
+        //setFallbackChain(chain);
+    }
+    const fieldItem = field?.descriptor.item;
+    const isFocusedField = fieldsContext?.focusedField?.fieldId === field?.id &&
+        fieldsContext?.focusedField?.item?.id === fieldItem?.id &&
+        fieldsContext?.focusedField?.item?.language === fieldItem?.language;
+    useEffect(() => {
+        const handleEnter = () => {
+            setHover(true);
+        };
+        const handleLeave = () => {
+            setHover(false);
+        };
+        const element = ref.current;
+        if (element && field) {
+            element.addEventListener("mouseenter", handleEnter);
+            element.addEventListener("mouseleave", handleLeave);
+        }
+        return () => {
+            if (element) {
+                element.removeEventListener("mouseenter", handleEnter);
+                element.removeEventListener("mouseleave", handleLeave);
+            }
+        };
+    }, [field]);
+    useEffect(() => {
+        if (ref.current && isFocusedField) {
+            // only scroll if the field is completely outside the viewport
+            const rect = ref.current.getBoundingClientRect();
+            if (rect.bottom < 0 || rect.top > window.innerHeight) {
+                ref.current.scrollIntoView({
+                    behavior: "smooth",
+                    block: "center",
+                    inline: "center",
+                });
+            }
+        }
+    }, [fieldsContext?.focusedField?.fieldId]);
+    useEffect(() => {
+        if (ref.current && (isFocusedField || hover) && field?.isFallback) {
+            loadFallback();
+        }
+    }, [fieldsContext?.focusedField, hover]);
+    useEffect(() => {
+        if (field?.isFallback && isFocusedField) {
+            loadFallback();
+        }
+    }, [
+        operationsContext?.editOperationExecuted,
+        editContext.refreshCompletedFlag,
+        editContext.itemsRepository.revision,
+    ]);
+    const showFallbackButton = field?.isFallback && (_jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [_jsx(Checkbox, { className: "size-3.5", checked: showFallback, onCheckedChange: (checked) => setShowFallback(!!checked) }), _jsx("label", { className: "cursor-pointer", onClick: () => setShowFallback(!showFallback), children: "Fallback" })] }));
+    if (!field) {
+        return;
+    }
+    return (_jsxs("div", { "data-field-id": field.id, "data-fieldname": field.name, ref: ref, className: "px-2 [&:not(:first-child)]:mt-4", onClickCapture: () => {
+            fieldsContext?.setFocusedField(field.descriptor, field.canWrite || false);
+        }, onFocusCapture: () => {
+            // Handle Tab navigation: update focused field when any input within this field gets focus
+            fieldsContext?.setFocusedField(field.descriptor, field.canWrite || false);
+        }, children: [_jsx(FieldListField, { field: field, validators: validators, simplified: simplified, title: title, isFocusedField: isFocusedField, showFallbackButton: showFallbackButton, compareToField: compareToField, readonly: readonly, isHoveringField: hover, tabIndex: tabIndex }), field.isFallback && isFocusedField && showFallback && (_jsx(_Fragment, { children: fallbackChain &&
+                    fallbackChain.map((x, i) => (_jsxs("div", { className: "ml-3", children: [_jsx("div", { className: "mb-4 text-center", children: _jsx(ArrowUp, { className: "fallback-arrow-animation relative top-3 inline-block h-5 w-5 font-bold text-blue-300" }) }), _jsx(FieldListField, { field: x, validators: validators, simplified: true, isFocusedField: true, readonly: readonly, isHoveringField: hover, title: _jsxs("div", { className: "text-xs", children: [x.displayName || x.name, " (", x.descriptor.item.language, ")", x.descriptor.item.id != field.descriptor.item.id && (_jsxs("span", { className: "text-gray-400", children: ["- Item: ", x.descriptor.item.id] }))] }) }, i)] }, i))) }))] }, field.id));
+}
+//# sourceMappingURL=FieldListFieldWithFallbacks.js.map

package/dist/editor/FieldListFieldWithFallbacks.js.map

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

package/dist/editor/FloatingToolbar.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export default function FloatingToolbar({ children, onPin, height, width, }: {
+    children: ReactNode;
+    onPin?: () => void;
+    height?: number;
+    width?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/FloatingToolbar.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { ArrowDownLeft, ChevronDown } from "lucide-react";
+export default function FloatingToolbar({ children, onPin, height, width, }) {
+    const [position, setPosition] = useState({ x: 0, y: 95 });
+    const [size, setSize] = useState({ width: 400, height: 70 });
+    const [dragging, setDragging] = useState(false);
+    const [resizing, setResizing] = useState(false);
+    const [offset, setOffset] = useState({ x: 0, y: 0 });
+    const [hidden, setHidden] = useState(false);
+    useEffect(() => {
+        console.log("WIDTH: ", width, "Height: ", height);
+        setSize({ width: width || 400, height: height || 70 });
+    }, []);
+    const handleMouseDown = useCallback((e) => {
+        // Start dragging and calculate the offset from the mouse to the sidebar top-left corner
+        setDragging(true);
+        setOffset({
+            x: e.clientX - position.x,
+            y: e.clientY - position.y,
+        });
+    }, [position]);
+    const handleMouseMove = useCallback((e) => {
+        if (dragging) {
+            // Update the position state based on mouse movement, adjusted by the initial offset
+            setPosition({
+                x: e.clientX - offset.x,
+                y: e.clientY - offset.y,
+            });
+        }
+    }, [dragging, offset]);
+    const handleMouseUp = useCallback(() => {
+        // Stop dragging
+        setDragging(false);
+    }, []);
+    const handleResizeMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setResizing(true);
+        setOffset({
+            x: e.clientX,
+            y: e.clientY,
+        });
+    }, []);
+    const handleResizeMouseMove = useCallback((e) => {
+        if (resizing) {
+            const newWidth = size.width + (e.clientX - offset.x);
+            const newHeight = size.height + (e.clientY - offset.y);
+            setSize({
+                width: newWidth > 200 ? newWidth : 200, // Minimum width
+                height: newHeight > 100 ? newHeight : 100, // Minimum height
+            });
+            setOffset({
+                x: e.clientX,
+                y: e.clientY,
+            });
+        }
+    }, [resizing, offset, size]);
+    const handleResizeMouseUp = useCallback(() => {
+        setResizing(false);
+    }, []);
+    useEffect(() => {
+        if (resizing) {
+            document.addEventListener("mousemove", handleResizeMouseMove);
+            document.addEventListener("mouseup", handleResizeMouseUp);
+        }
+        return () => {
+            document.removeEventListener("mousemove", handleResizeMouseMove);
+            document.removeEventListener("mouseup", handleResizeMouseUp);
+        };
+    }, [resizing, handleResizeMouseMove, handleResizeMouseUp]);
+    // Add event listeners to the document when the sidebar is being dragged
+    useEffect(() => {
+        if (dragging) {
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", handleMouseUp);
+        }
+        // Cleanup the document event listeners when the component unmounts or dragging stops
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [dragging, handleMouseMove, handleMouseUp]);
+    return (_jsxs("div", { className: "z-10 flex flex-col border border-gray-200 drop-shadow", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, style: {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            position: "absolute", // Use 'fixed' or 'absolute' depending on your layout needs
+            height: `${hidden ? 30 : size.height}px`,
+            width: `${size.width}px`,
+        }, children: [_jsxs("div", { className: "items-between flex w-full justify-between bg-gray-100 p-2 text-sm", style: { cursor: "move", userSelect: "none" }, onMouseDown: handleMouseDown, children: ["Toolbar", _jsxs("div", { className: "flex gap-2", children: [hidden && (_jsx("div", { className: "cusor-pointer h-4 w-4 border-2 border-gray-800", onClick: () => setHidden(false) })), !hidden && (_jsx("div", { className: "cusor-pointer h-4 w-4 border-b-2 border-gray-800", onClick: () => setHidden(true) })), onPin && (_jsx(ArrowDownLeft, { className: "h-4 w-4 cursor-pointer", onClick: onPin }))] })] }), _jsx("div", { className: "flex-1", children: !hidden && children }), _jsx("div", { className: "h-4 bg-gray-100" }), _jsx("div", { className: "absolute -right-2 -bottom-1 h-4 w-4 cursor-nwse-resize text-gray-500", onMouseDown: handleResizeMouseDown, children: _jsx(ChevronDown, { className: "h-4 w-4 -rotate-45" }) })] }));
+}
+//# sourceMappingURL=FloatingToolbar.js.map

package/dist/editor/FloatingToolbar.js.map

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

package/dist/editor/ImageEditButton.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+export interface MenuAction {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    onClick: (e?: React.MouseEvent) => void;
+    parameters?: any[];
+}
+interface ImageEditButtonProps {
+    /** Menu items to display in the dropdown */
+    actions: MenuAction[];
+    /** Custom trigger button content */
+    triggerButton?: ReactNode;
+    /** Whether to use the compact round button style (default: false) */
+    compact?: boolean;
+    /** Custom trigger button text (used with non-compact style) */
+    buttonText?: string;
+    /** Custom trigger button icon (used with compact style) */
+    buttonIcon?: string;
+    /** Test ID for the trigger button */
+    testId?: string;
+    /** Additional CSS classes for the trigger button */
+    buttonClassName?: string;
+    defaultActionId?: string;
+}
+export declare function ImageEditButton({ actions, triggerButton, buttonText, buttonIcon, testId, buttonClassName, defaultActionId, }: ImageEditButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/ImageEditButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../components/ui/dropdown-menu";
+import { MagicEditImageIcon } from "./ui/Icons";
+import { ImagePlus } from "lucide-react";
+export function ImageEditButton({ actions, triggerButton, buttonText = "Edit", buttonIcon = "MoreVertical", testId = "menu-toggle-button", buttonClassName, defaultActionId = "select", }) {
+    const [showMenu, setShowMenu] = useState(false);
+    const defaultAction = actions.find((a) => a.id === defaultActionId);
+    const defaultTriggerButton = (_jsxs("div", { className: `text-dark border-gray-3 absolute right-2 bottom-2 flex cursor-pointer items-center justify-center overflow-hidden rounded border bg-white text-xs font-medium opacity-70 shadow-lg transition-opacity hover:opacity-85 ${buttonClassName || ""}`, onClick: (e) => {
+            // Prevent clicks from reaching underlying elements
+            e.stopPropagation();
+        }, children: [defaultAction && (_jsx("button", { type: "button", className: "hover:bg-gray-5 cursor-pointer px-2 py-1.5", onClick: (e) => {
+                    e.stopPropagation();
+                    defaultAction.onClick?.(e);
+                    setShowMenu(false);
+                }, "data-testid": `${testId}-quick-select`, children: _jsx(ImagePlus, { strokeWidth: 1, size: 16 }) })), _jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "hover:bg-gray-5 border-gray-3 flex cursor-pointer items-center gap-2 border-l px-2 py-1.5", "data-testid": testId, children: [_jsx(MagicEditImageIcon, { className: "mr-1" }), " ", buttonText] }) })] }));
+    return (_jsxs(DropdownMenu, { open: showMenu, onOpenChange: setShowMenu, children: [triggerButton ? (_jsx(DropdownMenuTrigger, { asChild: true, children: triggerButton })) : (defaultTriggerButton), _jsx(DropdownMenuContent, { align: "end", side: "top", sideOffset: 8, children: actions.map((action) => (_jsxs(DropdownMenuItem, { "data-testid": `menu-item-${action.id}`, onClick: (e) => {
+                        action.onClick(e);
+                        setShowMenu(false);
+                    }, children: [action.icon, action.label] }, action.id))) })] }));
+}
+//# sourceMappingURL=ImageEditButton.js.map

package/dist/editor/ImageEditButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditButton.js","sourceRoot":"","sources":["../../src/editor/ImageEditButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4BzC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,aAAa,EAEb,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,cAAc,EAC3B,MAAM,GAAG,oBAAoB,EAC7B,eAAe,EACf,eAAe,GAAG,QAAQ,GACL;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,CAC3B,eACE,SAAS,EAAE,0NAA0N,eAAe,IAAI,EAAE,EAAE,EAC5P,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,mDAAmD;YACnD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,aAEA,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC,iBACY,GAAG,MAAM,eAAe,YAErC,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,GAChC,CACV,EAED,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2FAA2F,iBACxF,MAAM,aAEnB,KAAC,kBAAkB,IAAC,SAAS,EAAC,MAAM,GAAG,OAAE,UAAU,IAC5C,GACW,IAClB,CACP,CAAC;IACF,OAAO,CACL,MAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,aACpD,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,mBAAmB,IAAC,OAAO,kBACzB,aAAoB,GACD,CACvB,CAAC,CAAC,CAAC,CACF,oBAAoB,CACrB,EACD,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,YACtD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,gBAAgB,mBAEF,aAAa,MAAM,CAAC,EAAE,EAAE,EACrC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;wBAClB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,aAEA,MAAM,CAAC,IAAW,EAClB,MAAM,CAAC,KAAK,KARR,MAAM,CAAC,EAAE,CASG,CACpB,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/editor/ImageEditor.d.ts

@@ -0,0 +1,5 @@
+import { ImageField } from "./fieldTypes";
+export declare function ImageEditor({ field, style, }: {
+    field: ImageField;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/ImageEditor.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useEditContext } from "./client/editContext";
+import { ImageEditButton } from "./ImageEditButton";
+import { Zap, Image as ImageIcon } from "lucide-react";
+export function ImageEditor({ field, style, }) {
+    const editContext = useEditContext();
+    //const dialogContext = useDialog();
+    if (!field || !editContext)
+        return null;
+    const imageSelected = useCallback(async (imageId) => {
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: '<image mediaid="{' + imageId + '}" />',
+            refresh: "immediate",
+        });
+    }, [field]);
+    async function selectMedia() {
+        const selectedImageId = await editContext?.selectMedia({
+            selectedIdPath: field.value?.idPath || "",
+            mode: "images",
+        });
+        if (selectedImageId)
+            imageSelected(selectedImageId);
+    }
+    const getImageSrc = () => {
+        if (!field.value) {
+            if (!field.rawValue)
+                return null;
+            const parser = new DOMParser();
+            const xmlDoc = parser.parseFromString(field.rawValue, "text/xml");
+            const imageElement = xmlDoc.documentElement;
+            return imageElement.getAttribute("src");
+        }
+        return field.value.src;
+    };
+    const getImageAlt = () => {
+        if (!field.value)
+            return "";
+        // Standard image
+        return field.value.alt;
+    };
+    // Helper function to render icon
+    const renderIcon = (icon) => {
+        if (!icon) {
+            return _jsx(Zap, { strokeWidth: 1, size: 16 });
+        }
+        if (typeof icon === "string") {
+            return _jsx("img", { src: icon, alt: "", className: "h-4 w-4" });
+        }
+        return icon;
+    };
+    // Build actions for the dropdown menu
+    const menuActions = [
+        {
+            id: "select",
+            label: getImageSrc() ? "Change Image" : "Select Image",
+            icon: _jsx(ImageIcon, { strokeWidth: 1, size: 16 }),
+            onClick: () => selectMedia(),
+        },
+        ...(editContext?.configuration?.fieldTypes["image"]?.buttons?.map((button) => ({
+            id: button.id,
+            label: button.label,
+            icon: renderIcon(button.icon),
+            onClick: () => {
+                button?.clientAction?.({
+                    field,
+                    editContext,
+                    //dialogContext,
+                });
+            },
+        })) || []),
+    ];
+    return (_jsxs("div", { className: "absolute inset-0 flex items-center justify-center", style: style, "data-testid": "select-media", children: [getImageSrc() && (_jsx("img", { src: getImageSrc(), alt: getImageAlt(), className: "max-h-full max-w-full object-contain" })), _jsx(ImageEditButton, { actions: menuActions, compact: false, buttonText: "Edit", testId: "select-media-button" })] }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/editor/ImageEditor.js.map

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

package/dist/editor/ItemInfo.d.ts

@@ -0,0 +1,4 @@
+import { FullItem } from "./pageModel";
+export declare function ItemInfo({ item }: {
+    item: FullItem | null;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/ItemInfo.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pencil, RefreshCw } from "lucide-react";
+import { useEditContext } from "./client/editContext";
+import { CopyButton } from "../components/ui/copy-button";
+import { Section } from "./ui/Section";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+import { changeTemplateCommand } from "./commands/itemCommands";
+export function ItemInfo({ item }) {
+    if (!item?.fields)
+        return;
+    const editContext = useEditContext();
+    function formatRow(label, value) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-medium", children: label }), _jsx("div", { children: value })] }));
+    }
+    return (_jsxs("div", { className: "border-gray-3 border-b", children: [_jsxs("div", { className: "my-2 flex items-center px-3 py-2", children: [_jsx("img", { src: item.largeIcon, alt: "Icon", className: "mr-2", style: { height: "32px", width: "32px" } }), _jsxs("h2", { className: "text-l group flex items-center gap-1 font-medium", children: [item.name, _jsx(SimpleIconButton, { onClick: () => {
+                                    editContext?.executeCommand({
+                                        command: editContext.configuration.commands.renameItem,
+                                        data: { items: [item] },
+                                    });
+                                }, icon: _jsx(Pencil, { size: 14, strokeWidth: 1 }), label: "Rename", className: "opacity-0 transition-opacity group-hover:opacity-100" })] })] }), _jsx(Section, { title: "Info", children: _jsxs("div", { className: "text-gray-1 grid grid-cols-[min-content_1fr] gap-3 text-xs font-light", children: [_jsx("div", { className: "font-medium", children: "ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [item.id, " ", _jsx(CopyButton, { textToCopy: item.id, iconOnly: true })] }), _jsx("div", { className: "font-medium", children: "Path:" }), _jsxs("div", { className: "flex items-center gap-1", children: [item.path, " ", _jsx(CopyButton, { textToCopy: item.path, iconOnly: true })] }), _jsx("div", { className: "font-medium", children: "Language:" }), _jsx("div", { children: item.language }), _jsx("div", { className: "font-medium", children: "Version:" }), _jsx("div", { children: item.versions > 0 ? item.version : "No versions" }), _jsx("div", { className: "font-medium", children: "Template:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "cursor-pointer hover:underline", onClick: () => {
+                                        editContext?.loadItem({
+                                            id: item.templateId,
+                                            language: "en",
+                                            version: 0,
+                                        });
+                                        editContext?.switchView("content-tree");
+                                    }, children: [" ", item.templateName, " (", item.templateId, ")", " "] }), _jsx(CopyButton, { textToCopy: item.templateId, iconOnly: true }), item.canWriteItem && (_jsx(SimpleIconButton, { onClick: () => {
+                                        editContext?.executeCommand({
+                                            command: changeTemplateCommand,
+                                            data: { items: [item] },
+                                        });
+                                    }, icon: _jsx(RefreshCw, { size: 14, strokeWidth: 1 }), label: "Change Template", className: "!p-0" }))] }), item.masterLanguages &&
+                            formatRow("Master languages", item.masterLanguages.join(", ")), item.translations && (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-medium", children: "Languages" }), _jsx("div", { children: item.translations?.join(", ") })] }))] }) })] }));
+}
+//# sourceMappingURL=ItemInfo.js.map

package/dist/editor/ItemInfo.js.map

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

package/dist/editor/LinkEditorDialog.d.ts

@@ -0,0 +1,18 @@
+export type Link = {
+    url?: string;
+    itemId?: string;
+    queryString?: string;
+    target?: string;
+    customTarget?: string;
+    type: string;
+    targetItemLongId?: string;
+    targetItemName?: string;
+    originalHref?: string;
+    text?: string;
+};
+export declare function LinkEditorDialog({ linkValue, onCancel, onOk, showText, }: {
+    linkValue: Link;
+    onOk: (link: Link) => void;
+    onCancel: () => void;
+    showText?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/LinkEditorDialog.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "../components/ui/dialog";
+import { Input } from "../components/ui/input";
+import { Button } from "../components/ui/button";
+import { Select } from "../components/ui/select";
+import ItemSearch from "./ui/ItemSearch";
+import { SimpleTabs } from "./ui/SimpleTabs";
+import { ScrollingContentTree } from "./ScrollingContentTree";
+import { useEditContext } from "./client/editContext";
+import { normalizeUrl } from "./utils/urlUtils";
+import DialogButtons from "./ui/DialogButtons";
+export function LinkEditorDialog({ linkValue, onCancel, onOk, showText, }) {
+    const [url, setUrl] = useState();
+    const [targetWindow, setTargetWindow] = useState();
+    const [customTarget, setCustomTarget] = useState();
+    const [queryString, setQueryString] = useState();
+    const [text, setText] = useState();
+    const [activeTabIndex, setActiveTabIndex] = useState(0);
+    const [selectedItemId, setSelectedItemId] = useState("");
+    const [hoveredItemId, setHoveredItemId] = useState();
+    const editContext = useEditContext();
+    useEffect(() => {
+        setUrl(linkValue.url);
+        setTargetWindow(linkValue.target ?? "");
+        if (linkValue.type == "external")
+            setActiveTabIndex(1);
+        else
+            setActiveTabIndex(0);
+        if (linkValue.target && linkValue.target != "_blank") {
+            setTargetWindow("custom");
+            setCustomTarget(linkValue.target);
+        }
+        if (linkValue.itemId)
+            setSelectedItemId(linkValue.itemId);
+        if (linkValue.queryString)
+            setQueryString(linkValue.queryString);
+        if (linkValue.text)
+            setText(linkValue.text);
+    }, [linkValue]);
+    const targetWindows = [
+        { name: "Active browser", code: "" },
+        { name: "New browser", code: "_blank" },
+        { name: "Custom", code: "custom" },
+    ];
+    const targetWindowOptions = targetWindows.map((x) => ({
+        value: x.code,
+        label: x.name,
+    }));
+    function getTargetWindow() {
+        if (targetWindow == "custom")
+            return customTarget;
+        return targetWindow;
+    }
+    if (!editContext)
+        return null;
+    const tabs = [
+        {
+            id: "internal",
+            label: "Internal",
+            content: (_jsxs("div", { className: "flex h-full flex-col", "data-testid": "internal-tab", children: [_jsx("div", { className: "border-b border-gray-200 p-2", children: _jsx(ItemSearch, { resultClassName: "px-2 py-1", itemSelected: (item) => {
+                                setSelectedItemId(item.id);
+                            }, setHoveredItem: (item) => ((item) => {
+                                if (!item)
+                                    return;
+                                setHoveredItemId(item.id);
+                            })(item) }) }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItemId || selectedItemId, onSelectionChange: (selection) => {
+                                    setSelectedItemId(selection[0]?.id || "");
+                                } }) }) })] })),
+        },
+        {
+            id: "external",
+            label: "External",
+            content: (_jsxs("div", { className: "flex flex-1 flex-col gap-2 p-2", "data-testid": "external-tab", children: [_jsx("label", { className: "mt-4 block text-xs", htmlFor: "link-url-external", children: "Url" }), _jsx(Input, { id: "link-url-external", value: url || "", onChange: (e) => {
+                            setUrl(e.target.value);
+                        }, className: "w-full text-sm", "data-testid": "link-url-external" })] })),
+        },
+    ];
+    useEffect(() => {
+        // Trigger a resize event to recalculate layouts when dialog opens
+        window.dispatchEvent(new Event("resize"));
+    }, []);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                onCancel();
+        }, "data-testid": "link-editor-dialog", children: _jsxs(DialogContent, { style: { width: "60vw", maxWidth: 700, height: "60vh" }, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Select link target" }) }), _jsxs("div", { className: "flex h-full flex-col items-stretch", children: [_jsxs("div", { className: "flex flex-1 gap-2 bg-gray-50", children: [_jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: linkValue && (_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTabIndex, setActiveTab: setActiveTabIndex, className: "flex items-center justify-center border-b border-gray-200 pt-4 text-xs", tabClassName: "text-xs" })) }), _jsxs("div", { className: "flex h-full w-64 shrink-0 flex-col justify-center border-l border-gray-200 p-3", children: [_jsx("div", { className: "flex flex-col gap-2", children: showText && (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-xs", children: "Link description" }), _jsx(Input, { value: text || "", onChange: (e) => setText(e.target.value), className: "text-sm" })] })) }), _jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("label", { className: "text-xs", children: "Query String" }), _jsx(Input, { value: queryString || "", onChange: (e) => setQueryString(e.target.value), className: "text-sm" })] }), _jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("label", { className: "text-xs", children: "Window" }), _jsx(Select, { value: targetWindow, onValueChange: (v) => setTargetWindow(v), options: targetWindowOptions, placeholder: "Select window", className: "text-xs" }), targetWindow === "custom" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "block text-xs", children: "Custom" }), _jsx(Input, { value: customTarget || "", onChange: (e) => {
+                                                                setCustomTarget(e.target.value);
+                                                            }, placeholder: "Enter window name", className: "text-sm" })] }))] })] })] }), _jsxs(DialogButtons, { children: [_jsx(Button, { variant: "ghost", onClick: onCancel, "data-testid": "dialog-cancel", children: "Cancel" }), _jsx(Button, { onClick: () => {
+                                        const isExternal = activeTabIndex === 1;
+                                        onOk({
+                                            url: isExternal ? normalizeUrl(url || "") : url,
+                                            target: getTargetWindow(),
+                                            customTarget: customTarget,
+                                            itemId: selectedItemId,
+                                            queryString: queryString,
+                                            text: text,
+                                            type: isExternal ? "external" : "internal",
+                                        });
+                                    }, "data-testid": "dialog-ok", children: "Ok" })] })] })] }) }));
+}
+//# sourceMappingURL=LinkEditorDialog.js.map

package/dist/editor/LinkEditorDialog.js.map

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

package/dist/editor/MainLayout.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { EditorView } from "../config/types";
+export type MainLayoutProps = {
+    rightSidebar?: ReactNode;
+    rightSidebarTitle?: string;
+    farRightSidebar?: ReactNode;
+    farRightSidebarTitle?: string;
+    view: EditorView;
+    centerPanelView: ReactNode;
+    className?: string;
+};
+export default function MainLayout(props: MainLayoutProps): import("react/jsx-runtime").JSX.Element | null;