@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/ui/PerfectTree.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useCallback, memo } from "react";
+import { ProgressSpinner } from "primereact/progressspinner";
+// Local DropZone component to handle drag-over state.
+const DropZone = memo(({ parent, index, isDragging, onDragOverZone, onDrop, onDragEnd, isLast, }) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onDragOverZone) {
+            const allowed = onDragOverZone(parent, index, e);
+            setIsDragOver(allowed);
+            e.dataTransfer.dropEffect = allowed ? "move" : "none";
+        }
+    }, [onDragOverZone, parent, index]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onDragOverZone) {
+            const allowed = onDragOverZone(parent, index, e);
+            setIsDragOver(allowed);
+        }
+    }, [onDragOverZone, parent, index]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        if (onDrop) {
+            onDrop(parent, index, e);
+        }
+    }, [onDrop, parent, index]);
+    if (!isDragging)
+        return null;
+    return (_jsx("div", { className: `relative ${isLast ? "h-3" : ""}`, children: _jsx("div", { className: `drop-zone absolute top-[-5px] right-0 left-[45px] z-1000 h-3 rounded-md transition-colors duration-100 ${isDragOver ? "bg-sky-200" : ""}`, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave }) }));
+});
+// NodeContent component extracted and memoized
+const NodeContent = memo(({ node, isExpanded, isSelected, onSelect, onToggleNode, onStartDrag, onDragEnd, onDragOverZone, onDrop, onDoubleClick, renderNode, onContextMenu, enableDragAndDrop = false, selectedKeys, isDragging, }) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    useEffect(() => {
+        if (!isDragging) {
+            setIsDragOver(false);
+        }
+    }, [isDragging]);
+    const handleDragStart = useCallback((event) => {
+        const isMultiSelect = isSelected && selectedKeys && selectedKeys.length > 1;
+        // Set drag preview for multiple items if applicable
+        if (isMultiSelect) {
+            // Create custom drag image showing count of selected items
+            const dragPreview = document.createElement("div");
+            dragPreview.className =
+                "bg-white shadow-md rounded-md border border-gray-300 px-2 py-1 text-sm max-w-24 absolute top-[-1000px] left-[-1000px]";
+            dragPreview.innerHTML = `<div class="flex items-center"><span class="font-bold mr-1">${selectedKeys.length}</span> items</div>`;
+            document.body.appendChild(dragPreview);
+            // Set custom drag image
+            event.dataTransfer.setDragImage(dragPreview, 15, 15);
+            // Remove the element after drag starts
+            setTimeout(() => {
+                console.log("removing drag preview");
+                document.body.removeChild(dragPreview);
+            }, 0);
+        }
+        if (onStartDrag) {
+            onStartDrag({ node, event, isMultiSelect: isMultiSelect ?? false });
+        }
+    }, [node, onStartDrag]);
+    const handleDragLeave = useCallback((event) => {
+        event.preventDefault();
+        setIsDragOver(false);
+    }, []);
+    const handleDragEnter = useCallback((event) => {
+        event.preventDefault();
+        if (onDragOverZone) {
+            const allowed = onDragOverZone(node, -1, event);
+            setIsDragOver(allowed);
+        }
+    }, [node, onDragOverZone]);
+    const handleDragOver = useCallback((event) => {
+        event.preventDefault();
+        if (onDragOverZone) {
+            const allowed = onDragOverZone(node, -1, event);
+            setIsDragOver(allowed);
+            event.dataTransfer.dropEffect = allowed ? "move" : "none";
+        }
+    }, [node, onDragOverZone]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (onDrop) {
+            onDrop(node, -1, e);
+        }
+    }, [node, onDrop]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        onDoubleClick?.(node);
+    }, [node, onDoubleClick]);
+    const handleSelect = useCallback((e) => {
+        e.stopPropagation();
+        onSelect(node.key, e);
+    }, [node.key, onSelect]);
+    const handleToggle = useCallback((e) => {
+        e.stopPropagation();
+        onToggleNode(node);
+    }, [node, onToggleNode]);
+    const renderToggle = () => {
+        if (node.hasChildren && node.children === null) {
+            return (_jsx(ProgressSpinner, { style: { width: "14px", height: "14px", margin: "0 2px" }, className: "text-gray-500" }));
+        }
+        return (_jsx("span", { onClick: handleToggle, className: `mr-1 inline-block transform cursor-pointer text-gray-500 transition duration-150 select-none ${isExpanded ? "rotate-90" : "rotate-0"}`, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", "data-pc-section": "togglericon", children: _jsx("path", { d: "M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z", fill: "currentColor" }) }) }));
+    };
+    const handleContextMenu = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onContextMenu?.(node, e);
+    }, [node, onContextMenu]);
+    return (_jsxs("div", { className: "tree-node mb-0.5 flex cursor-pointer items-center", draggable: enableDragAndDrop, onClick: handleSelect, onDragStart: (event) => handleDragStart(event), onDragEnd: onDragEnd, onDragLeave: handleDragLeave, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, children: [node.hasChildren || node.children?.length ? (renderToggle()) : (_jsx("div", { className: "w-6" })), _jsx("div", { className: `rounded-md border border-transparent p-0.5 hover:border-gray-300 ${isDragOver ? "bg-sky-200" : isSelected ? "bg-blue-100" : ""}`, onClick: handleSelect, children: renderNode(node) })] }));
+});
+export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging = false, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop = false, }) => {
+    // When toggling a node, notify parent and trigger external lazy load if needed.
+    const handleToggle = useCallback((node) => {
+        if (onToggleExpand) {
+            onToggleExpand(node.key);
+        }
+        // If the node is expandable and its children haven't been loaded,
+        // call onLazyLoad (external async loading should update the node to `null` while loading)
+        if (node.hasChildren && node.children === undefined && onLazyLoad) {
+            onLazyLoad(node);
+        }
+    }, [onToggleExpand, onLazyLoad]);
+    const handleSelect = useCallback((nodeKey, event) => {
+        if (onSelect) {
+            onSelect(nodeKey, event);
+        }
+    }, [onSelect]);
+    // Global drag end handler.
+    const isDraggingRef = React.useRef(false);
+    useEffect(() => {
+        const handleGlobalDragEnd = (event) => {
+            if (isDraggingRef.current && onDragEnd) {
+                onDragEnd(event);
+                isDraggingRef.current = false;
+            }
+        };
+        document.addEventListener("dragend", handleGlobalDragEnd);
+        return () => {
+            document.removeEventListener("dragend", handleGlobalDragEnd);
+        };
+    }, [onDragEnd]);
+    const handleDragEnd = useCallback((event) => {
+        isDraggingRef.current = false;
+        if (onDragEnd) {
+            onDragEnd(event);
+        }
+    }, [onDragEnd]);
+    // Recursive function to render tree nodes along with drop zones.
+    const renderTreeList = useCallback((nodes, depth, parent = null) => {
+        return (_jsxs("div", { className: "flex flex-col", children: [nodes.map((node, index) => {
+                    const children = node.children;
+                    const isExpanded = expandedKeys.includes(node.key);
+                    const isSelected = selectedKeys.includes(node.key);
+                    return (_jsxs(React.Fragment, { children: [_jsx(DropZone, { parent: parent, index: index, isDragging: isDragging, onDragOverZone: onDragOverZone, onDrop: onDrop, onDragEnd: onDragEnd }), _jsxs("div", { style: {
+                                    marginLeft: depth > 0 ? "21px" : undefined,
+                                }, className: "flex flex-col", children: [_jsx(NodeContent, { node: node, isExpanded: isExpanded, isSelected: isSelected, onSelect: handleSelect, onToggleNode: handleToggle, onStartDrag: onStartDrag, onDragEnd: handleDragEnd, onDragOverZone: onDragOverZone, onDrop: onDrop, onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, renderNode: renderNode, enableDragAndDrop: enableDragAndDrop, selectedKeys: selectedKeys, isDragging: isDragging }), isExpanded && (_jsx(_Fragment, { children: children && children.length > 0 ? (_jsx("div", { children: renderTreeList(children, depth + 1, node) })) : null }))] })] }, node.key));
+                }), _jsx(DropZone, { parent: parent, index: nodes.length, isDragging: isDragging, onDragOverZone: onDragOverZone, onDrop: onDrop, onDragEnd: onDragEnd, isLast: true })] }));
+    }, [
+        expandedKeys,
+        selectedKeys,
+        isDragging,
+        onDragOverZone,
+        onDrop,
+        onDragEnd,
+        onStartDrag,
+        onDoubleClick,
+        handleSelect,
+        handleToggle,
+        renderNode,
+    ]);
+    // Memoize the tree structure
+    const treeContent = useMemo(() => renderTreeList(nodes, 0), [nodes, renderTreeList]);
+    return _jsx("div", { children: treeContent });
+};
+export default memo(PerfectTree);
+//# sourceMappingURL=PerfectTree.js.map

package/dist/editor/ui/PerfectTree.js.map

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

package/dist/editor/ui/Section.d.ts

@@ -0,0 +1,4 @@
+export declare function Section({ title, children, }: {
+    title: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/Section.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { useLocalStorage } from "../utils";
+export function Section({ title, children, }) {
+    const [open, setOpen] = useLocalStorage("editor.showSection-" + title, true);
+    return (_jsxs("div", { children: [_jsxs("div", { className: classNames(open
+                    ? "border-blue-500 bg-gray-600"
+                    : "border-gray-400 bg-gray-400 hover:bg-gray-500 hover:border-gray-300", "py-2.5 px-3 border-l-[8px] text-white text-xs cursor-pointer flex justify-between items-center"), onClick: () => setOpen(!open), children: [title, _jsx("i", { className: classNames(open ? "pi-chevron-up" : "pi-chevron-down", "pi cursor-pointer text-xs") })] }), open && _jsx("div", { className: "pt-4 pb-6 px-2 bg-gray-50", children: children })] }));
+}
+//# sourceMappingURL=Section.js.map

package/dist/editor/ui/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/editor/ui/Section.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAe,CAAC,qBAAqB,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC;IAE7E,OAAO,CACL,0BACE,eACE,SAAS,EAAE,UAAU,CACnB,IAAI;oBACF,CAAC,CAAC,6BAA6B;oBAC/B,CAAC,CAAC,qEAAqE,EACzE,gGAAgG,CACjG,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,aAE5B,KAAK,EACN,YACE,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAC1C,2BAA2B,CAC5B,GACE,IACD,EACL,IAAI,IAAI,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,IAChE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ui/SimpleIconButton.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from "react";
+export declare function SimpleIconButton({ onClick, className, icon, label, disabled, size, id, selected, }: {
+    onClick: MouseEventHandler;
+    className?: string;
+    icon?: React.ReactNode;
+    label: string;
+    disabled?: boolean;
+    id?: string;
+    size?: "large" | "small";
+    selected?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/SimpleIconButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+export function SimpleIconButton({ onClick, className, icon, label, disabled, size, id, selected, }) {
+    return (_jsx("button", { id: id, disabled: disabled, className: classNames(typeof icon === "string" ? icon + " p-[6px]" : "p-[4px]", "  rounded-full", disabled ? "text-gray-300" : " hover:bg-gray-200  cursor-pointer", className, size === "large" ? "text-lg" : "text-xs", selected ? "bg-gray-200" : ""), onClick: (ev) => {
+            if (!disabled)
+                onClick(ev);
+        }, title: label, children: typeof icon !== "string" && icon }));
+}
+//# sourceMappingURL=SimpleIconButton.js.map

package/dist/editor/ui/SimpleIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleIconButton.js","sourceRoot":"","sources":["../../../src/editor/ui/SimpleIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,QAAQ,GAUT;IACC,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CACnB,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,gBAAgB,EAChB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oCAAoC,EACjE,SAAS,EACT,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAC9B,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;YACd,IAAI,CAAC,QAAQ;gBAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC,EACD,KAAK,EAAE,KAAK,YAEX,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,GAC1B,CACV,CAAC;AACJ,CAAC"}

package/dist/editor/ui/SimpleMenu.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+export type MenuItem = {
+    key: string;
+    label: string;
+    items?: MenuItem[];
+    icon?: ReactNode;
+    command?: () => void;
+};
+export declare function SimpleMenu({ items, activeItemKey, onItemClick, }: {
+    items: MenuItem[];
+    activeItemKey: string | null;
+    onItemClick: (item: MenuItem) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/SimpleMenu.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function SimpleMenu({ items, activeItemKey, onItemClick, }) {
+    return (_jsx("div", { className: "flex flex-col p-1 h-full", children: items.map((item, index) => (_jsxs("div", { className: "p-2 h-full flex flex-col gap-1", children: [_jsxs("div", { className: "flex flex-row items-center gap-2 border-b border-gray-200 pb-1 pl-2", children: [item.icon && item.icon, item.label] }), item.items?.map((subItem, subIndex) => (_jsx("div", { className: `flex flex-col px-4 p-1 cursor-pointer hover:bg-gray-100 ${activeItemKey === subItem.key ? "bg-gray-100" : ""}`, onClick: () => {
+                        onItemClick(subItem);
+                    }, children: _jsxs("div", { className: "flex flex-row items-center gap-2 text-sm", children: [subItem.icon && subItem.icon, subItem.label] }) }, subIndex)))] }, index))) }));
+}
+//# sourceMappingURL=SimpleMenu.js.map

package/dist/editor/ui/SimpleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMenu.js","sourceRoot":"","sources":["../../../src/editor/ui/SimpleMenu.tsx"],"names":[],"mappings":";AAUA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,WAAW,GAKZ;IACC,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACtC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,eAAiB,SAAS,EAAC,gCAAgC,aACzD,eAAK,SAAS,EAAC,qEAAqE,aACjF,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EACtB,IAAI,CAAC,KAAK,IACP,EACL,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,CACtC,cAEE,SAAS,EAAE,2DACT,aAAa,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAClD,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;wBACZ,WAAW,CAAC,OAAO,CAAC,CAAC;oBACvB,CAAC,YAED,eAAK,SAAS,EAAC,0CAA0C,aACtD,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAC5B,OAAO,CAAC,KAAK,IACV,IAXD,QAAQ,CAYT,CACP,CAAC,KApBM,KAAK,CAqBT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ui/SimpleTable.d.ts

@@ -0,0 +1,14 @@
+export declare function SimpleTable<T>({ items, columns, onRowHover, onRowClick, rowClassName, }: {
+    items: T[];
+    columns: {
+        header: React.ReactNode;
+        body: (item: T) => React.ReactNode;
+        className?: string;
+    }[];
+    onRowClick?: (data: {
+        item: T;
+        event: React.MouseEvent<HTMLTableRowElement>;
+    }) => void;
+    onRowHover?: (item: T | undefined) => void;
+    rowClassName?: (item: T) => string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/SimpleTable.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+export function SimpleTable({ items, columns, onRowHover, onRowClick, rowClassName, }) {
+    return (_jsxs("table", { className: "text-surface min-w-full table-auto text-left text-xs font-light", children: [_jsx("thead", { className: "border-b border-neutral-200 font-medium", children: _jsx("tr", { children: columns.map((col, index) => (_jsx("th", { className: "px-2 py-3", children: col.header }, index))) }) }), _jsx("tbody", { children: items.map((item, index) => (_jsx("tr", { className: classNames("border-b border-neutral-200", onRowClick ? "cursor-pointer hover:bg-neutral-100" : "", rowClassName ? rowClassName(item) : ""), onClick: (ev) => {
+                        if (onRowClick)
+                            onRowClick({ item, event: ev });
+                    }, onMouseOver: () => onRowHover?.(item), onMouseLeave: () => onRowHover?.(undefined), children: columns.map((col, index) => (_jsx("td", { className: classNames("p-2", col.className), children: col.body(item) }, index))) }, index))) })] }));
+}
+//# sourceMappingURL=SimpleTable.js.map

package/dist/editor/ui/SimpleTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../../src/editor/ui/SimpleTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,WAAW,CAAI,EAC7B,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,YAAY,GAeb;IACC,OAAO,CACL,iBAAO,SAAS,EAAC,iEAAiE,aAChF,gBAAO,SAAS,EAAC,yCAAyC,YACxD,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAAgB,SAAS,EAAC,WAAW,YAClC,GAAG,CAAC,MAAM,IADJ,KAAK,CAET,CACN,CAAC,GACC,GACC,EACR,0BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,aACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,UAAU,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE,EACvD,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CACvC,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;wBACd,IAAI,UAAU;4BAAE,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;oBAClD,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,EACrC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC,YAG1C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAAI,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,YAC5C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IADqC,KAAK,CAEtD,CACN,CAAC,IANG,KAAK,CAOP,CACN,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC"}

package/dist/editor/ui/SimpleTabs.d.ts

@@ -0,0 +1,12 @@
+export type Tab = {
+    label: string;
+    content: React.ReactNode;
+    id: string;
+    testId?: string;
+};
+export declare function SimpleTabs({ tabs, setActiveTab, activeTab, className, }: {
+    tabs: Tab[];
+    setActiveTab: (index: number) => void;
+    activeTab: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/ui/SimpleTabs.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+export function SimpleTabs({ tabs, setActiveTab, activeTab, className, }) {
+    if (activeTab > tabs.length - 1) {
+        activeTab = 0;
+    }
+    if (activeTab < 0) {
+        activeTab = 0;
+    }
+    if (tabs.length === 0)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: twMerge("flex gap-4 pb-3", className), children: tabs.map((tab, index) => (_jsx("button", { id: tab.id, className: activeTab === index ? "active-tab" : "cursor-pointer", "data-testid": tab.testId, onClick: () => setActiveTab(index), style: {
+                        fontWeight: index === activeTab ? "bold" : "normal",
+                        borderBottom: index === activeTab ? "3px solid black" : "none",
+                        marginBottom: index === activeTab ? "0" : "3px",
+                        color: index === activeTab ? "black" : "gray",
+                    }, children: tab.label }, tab.id))) }), tabs[activeTab]?.content] }));
+}
+//# sourceMappingURL=SimpleTabs.js.map

package/dist/editor/ui/SimpleTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTabs.js","sourceRoot":"","sources":["../../../src/editor/ui/SimpleTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,GAMV;IACC,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC;IAED,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QAClB,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC;IAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,8BACE,cAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,SAAS,CAAC,YAClD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,iBACE,EAAE,EAAE,GAAG,CAAC,EAAE,EACV,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,iBAEnD,GAAG,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,KAAK,EAAE;wBACL,UAAU,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;wBACnD,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM;wBAC9D,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;wBAC/C,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBAC9C,YAEA,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC,GACE,EACL,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,IACxB,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/ui/SimpleToolbar.d.ts

@@ -0,0 +1,3 @@
+export declare function SimpleToolbar({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/SimpleToolbar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SimpleToolbar({ children }) {
+    return (_jsx("div", { className: "flex gap-2 p-2 items-center bg-gray-50 rounded-md border-b border-gray-200 text-gray-500 text-sm", children: children }));
+}
+//# sourceMappingURL=SimpleToolbar.js.map

package/dist/editor/ui/SimpleToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleToolbar.js","sourceRoot":"","sources":["../../../src/editor/ui/SimpleToolbar.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAiC;IACvE,OAAO,CACL,cAAK,SAAS,EAAC,kGAAkG,YAC9G,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ui/Spinner.d.ts

@@ -0,0 +1,3 @@
+export declare function Spinner({ size, }: {
+    size?: "2xl" | "3xl" | "4xl" | "5xl";
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ui/Spinner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Spinner({ size = "4xl", }) {
+    return _jsx("i", { className: `pi pi-cog pi-spin text-${size} text-gray-600` });
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/editor/ui/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/editor/ui/Spinner.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,KAAK,GAGb;IACC,OAAO,YAAG,SAAS,EAAE,0BAA0B,IAAI,gBAAgB,GAAM,CAAC;AAC5E,CAAC"}

package/dist/editor/ui/Splitter.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type SplitterPanel = {
+    defaultSize: number | "auto";
+    name: string;
+    content: React.ReactNode;
+    collapsible?: boolean;
+};
+interface SplitterProps {
+    panels: SplitterPanel[];
+    localStorageKey?: string;
+    expandLabel?: React.ReactNode;
+    growablePanelIndex?: number;
+}
+export declare const Splitter: React.FC<SplitterProps>;
+export {};

package/dist/editor/ui/Splitter.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect, useCallback } from "react";
+import { flushSync } from "react-dom";
+export const Splitter = ({ panels, localStorageKey = "splitter-sizes", expandLabel = "Expand", }) => {
+    const totalPanels = panels.length;
+    const [panelSizes, setPanelSizes] = useState(() => {
+        // Load sizes from local storage on initial render
+        const storedSizes = localStorage.getItem(localStorageKey);
+        if (storedSizes) {
+            try {
+                const parsedSizes = JSON.parse(storedSizes);
+                return parsedSizes.panels;
+            }
+            catch (error) {
+                return null; // Or fallback to default if parsing fails
+            }
+        }
+        return null; // No stored sizes, initial render will handle defaults
+    });
+    const panelRefs = useRef([]);
+    const splitterRef = useRef(null);
+    const lastPanelCollapsible = panels[panels.length - 1]?.collapsible;
+    const [isLastPanelCollapsed, setIsLastPanelCollapsed] = useState(() => {
+        const storedSizes = localStorage.getItem(localStorageKey);
+        if (storedSizes) {
+            const parsedSizes = JSON.parse(storedSizes);
+            return parsedSizes.lastCollapsed;
+        }
+        return true;
+    });
+    const [isResizing, setIsResizing] = useState(false);
+    useEffect(() => {
+        if (!panelSizes && splitterRef.current) {
+            const initialSizes = {};
+            panels.forEach((panel) => {
+                initialSizes[panel.name] = panel.defaultSize;
+            });
+            setPanelSizes(initialSizes);
+        }
+    }, [panels]);
+    useEffect(() => {
+        if (panelSizes) {
+            const storedSizes = {
+                panels: panelSizes,
+                lastCollapsed: isLastPanelCollapsed ?? false,
+            };
+            localStorage.setItem(localStorageKey, JSON.stringify(storedSizes));
+        }
+    }, [panelSizes, localStorageKey, isLastPanelCollapsed]);
+    const toggleLastPanelCollapse = () => {
+        if (lastPanelCollapsible) {
+            document.startViewTransition(() => {
+                flushSync(() => {
+                    setIsLastPanelCollapsed((prev) => !prev);
+                });
+            });
+        }
+    };
+    const handleResize = useCallback((index, event) => {
+        event.preventDefault();
+        const iframes = splitterRef.current?.querySelectorAll("iframe");
+        iframes?.forEach((iframe) => {
+            iframe.classList.add("pointer-events-none");
+        });
+        const startX = event.clientX;
+        // create a copy with the panel name
+        const initialSizes = panelSizes ? { ...panelSizes } : {};
+        const panelElement = panelRefs.current[index];
+        const nextPanelElement = panelRefs.current[index + 1];
+        if (!panelElement || !nextPanelElement || !splitterRef.current) {
+            return;
+        }
+        const panelWidth = panelElement.offsetWidth;
+        const nextPanelWidth = nextPanelElement.offsetWidth;
+        setIsResizing(true);
+        const onMouseMove = (moveEvent) => {
+            const delta = moveEvent.clientX - startX;
+            const newPanelWidth = panelWidth + delta;
+            const newNextPanelWidth = nextPanelWidth - delta;
+            const minPanelWidth = 50;
+            const minNextPanelWidth = 50;
+            if (newNextPanelWidth < minPanelWidth &&
+                index == panels.length - 2 &&
+                lastPanelCollapsible) {
+                setIsLastPanelCollapsed(true);
+                setPanelSizes(initialSizes);
+            }
+            if (newPanelWidth < minPanelWidth ||
+                newNextPanelWidth < minNextPanelWidth) {
+                return;
+            }
+            const updatedSizes = { ...initialSizes };
+            updatedSizes[panels[index].name] = newPanelWidth;
+            updatedSizes[panels[index + 1].name] = newNextPanelWidth;
+            setPanelSizes(updatedSizes);
+        };
+        const onMouseUp = () => {
+            setTimeout(() => {
+                setIsResizing(false);
+            }, 100);
+            iframes?.forEach((iframe) => {
+                iframe.classList.remove("pointer-events-none");
+            });
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp, true);
+        };
+        document.addEventListener("mousemove", onMouseMove);
+        document.addEventListener("mouseup", onMouseUp, true);
+    }, [panels, panelSizes]);
+    const isLastResizer = (index) => index === panels.length - 2;
+    const getFlexBasis = (index) => {
+        if (!panelSizes)
+            return "1fr"; // Or a default like "1fr"
+        const panelName = panels[index].name;
+        const size = index === panels.length - 1 &&
+            isLastPanelCollapsed &&
+            lastPanelCollapsible
+            ? 0
+            : panelSizes[panelName] || panels[index].defaultSize;
+        if (typeof size === "number") {
+            return `${size}px`;
+        }
+        else if (size === "auto") {
+            return "auto";
+        }
+        return "1fr"; //default
+    };
+    const getExpandButton = () => {
+        return (_jsx("div", { onClick: !isResizing ? toggleLastPanelCollapse : undefined, className: "select-none p-1 bg-gray-200  flex items-center justify-center text-gray-500  hover:bg-blue-700 hover:text-white cursor-pointer", style: { writingMode: "vertical-rl", userSelect: "none" }, children: expandLabel }));
+    };
+    const getSplitter = (index) => {
+        if (lastPanelCollapsible && isLastPanelCollapsed && isLastResizer(index)) {
+            return getExpandButton();
+        }
+        return (_jsx("div", { className: " bg-gray-200 cursor-ew-resize select-none flex items-center justify-center hover:bg-blue-700  w-[4px] relative z-1000", onDoubleClick: isLastResizer(index) ? toggleLastPanelCollapse : undefined, onMouseDown: (event) => {
+                handleResize(index, event);
+            } }));
+    };
+    return (_jsx("div", { className: "flex w-full h-full overflow-hidden", ref: splitterRef, children: panels.map((panel, index) => (_jsxs(React.Fragment, { children: [_jsx("div", { ref: (el) => {
+                        panelRefs.current[index] = el;
+                    }, className: "relative", style: {
+                        flex: `${panel.defaultSize === "auto" ? 1 : 0} 1 ${getFlexBasis(index)}`,
+                        minWidth: 0,
+                        display: panel.collapsible &&
+                            isLastPanelCollapsed &&
+                            index === totalPanels - 1
+                            ? "none"
+                            : "block",
+                    }, children: panel.content }), index < panels.length - 1 && getSplitter(index)] }, panel.name))) }));
+};
+//# sourceMappingURL=Splitter.js.map

package/dist/editor/ui/Splitter.js.map

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

package/dist/editor/ui/StackedPanels.d.ts

@@ -0,0 +1,5 @@
+import "allotment/dist/style.css";
+import { Panel } from "../../config/types";
+export declare function StackedPanels({ panels }: {
+    panels: Panel[];
+}): import("react/jsx-runtime").JSX.Element;