@parhelia/core 0.1.10745

package/dist/editor/ui/ItemSearch.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { executeSearch } from "../services/searchService";
+import { toast } from "sonner";
+import { useDebouncedCallback } from "use-debounce";
+import { ItemList } from "./ItemList";
+import { FilterInput } from "../../components/FilterInput";
+export const ItemSearch = ({ rootItemIds, setHoveredItem, itemSelected, language, resultClassName, autoFocus = false, disabled = false, database = "master", }) => {
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const editContext = useEditContext();
+    const inputRef = useRef(null);
+    const handleSearch = useDebouncedCallback(async (searchPrompt) => {
+        if (!editContext || disabled)
+            return;
+        setLoading(true);
+        const trimmedPrompt = searchPrompt.trim();
+        const currentQuery = searchPrompt;
+        // Check for GUID pattern
+        const guidPattern = /^\{?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}\}?$/;
+        if (guidPattern.test(trimmedPrompt)) {
+            const item = await editContext.itemsRepository.getItem({
+                id: trimmedPrompt,
+                language: language || "en",
+                version: 0,
+            });
+            if (item) {
+                if (query === currentQuery) {
+                    const resultItem = {
+                        id: item.id,
+                        name: item.name,
+                        language: item.language || language || "en",
+                        icon: item.icon,
+                        path: item.path || item.name,
+                        idPath: item.idPath,
+                    };
+                    setResults([resultItem]);
+                }
+            }
+            else {
+                if (query === currentQuery) {
+                    setResults([]);
+                }
+            }
+            setLoading(false);
+            return;
+        }
+        // Check for item path pattern (starts with /)
+        const isPath = trimmedPrompt.startsWith("/");
+        // If it looks like a path, search with skipValidation to allow exact path matching
+        const result = await executeSearch({
+            index: database,
+            query: trimmedPrompt,
+            editContext,
+            rootItemIds,
+            maxResults: isPath ? 15 : 15,
+            skipValidation: isPath,
+        });
+        if (query === currentQuery) {
+            if (result.type == "success") {
+                setResults(() => result.data);
+            }
+            else {
+                toast.error(result.response.statusText || "Error searching");
+            }
+        }
+        setLoading(false);
+    }, 600);
+    useEffect(() => {
+        if (query && !disabled) {
+            setLoading(true);
+            handleSearch(query);
+        }
+        else {
+            setResults([]);
+        }
+    }, [query, disabled]);
+    useEffect(() => {
+        if (inputRef.current && autoFocus) {
+            inputRef.current.focus();
+        }
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative", children: _jsx(FilterInput, { className: "focus:border-blue-400 focus:ring-blue-400", onChange: setQuery, value: query, ref: inputRef, autoFocus: autoFocus, placeholder: "Search...", loading: loading, disabled: disabled }) }), results.length > 0 && (_jsx(ItemList, { items: results, onItemHover: setHoveredItem, onItemClick: (item) => {
+                    itemSelected(item);
+                    setResults([]);
+                    setQuery("");
+                }, maxItems: 15, className: `mt-1 ${resultClassName} max-h-[200px] overflow-y-auto` })), results.length === 0 && !loading && query && (_jsx("div", { className: "mt-1 text-xs text-gray-500", children: "No results found" }))] }));
+};
+export default ItemSearch;
+//# sourceMappingURL=ItemSearch.js.map

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

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

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

@@ -0,0 +1,78 @@
+import React from "react";
+export interface TreeNode<T = any> {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    data?: T;
+    /** Indicates if the node is expandable (has or can have children) */
+    hasChildren?: boolean;
+    /** Indicates if the node can be dragged */
+    isDraggable?: boolean;
+    /**
+     * If present, contains the node's children.
+     * Use undefined to signal that children have not yet been loaded.
+     * Use null to signal that children are currently loading.
+     */
+    children?: TreeNode<T>[] | null;
+}
+export interface TreeProps<T = any> {
+    /** Array of tree nodes */
+    nodes: TreeNode<T>[];
+    /** Keys of currently selected nodes */
+    selectedKeys?: string[];
+    /** Keys of expanded nodes */
+    expandedKeys?: string[];
+    /** Callback to render a single node (template) */
+    renderNode: (node: TreeNode<T>, searchTerm?: string) => React.ReactNode;
+    /** Called when a node's expand/collapse toggle is activated */
+    onToggleExpand?: (key: string) => void;
+    /** Called when a node is clicked for selection */
+    onSelect?: (key: string, event: React.MouseEvent) => void;
+    /**
+     * Called during a drag over a drop zone between nodes.
+     * @param parent The parent node of the current list (null for root level)
+     * @param index The position where a new node would be inserted (0 = before first node)
+     */
+    onDragOverZone?: (parent: TreeNode<T> | null, index: number, event: React.DragEvent) => boolean;
+    isValidDropZone?: (parent: TreeNode<T> | null, index: number) => boolean;
+    /**
+     * Called when an item is dropped into a drop zone between nodes.
+     * @param parent The parent node of the current list (null for root level)
+     * @param index The position where a new node should be inserted (0 = before first node)
+     */
+    onDrop?: (parent: TreeNode<T> | null, index: number, event: React.DragEvent) => void;
+    isDragging?: boolean;
+    onStartDrag?: (data: {
+        node: TreeNode<T>;
+        event: React.DragEvent<any>;
+        isMultiSelect: boolean;
+    }) => void;
+    onDragEnd?: (event: React.DragEvent | null) => void;
+    enableDragAndDrop?: boolean;
+    /**
+     * Callback that notifies when a lazy load should occur.
+     * When a node is toggled and its children haven't been loaded yet (i.e. undefined),
+     * this callback is invoked so you can load the children asynchronously and update your tree model.
+     */
+    onLazyLoad?: (node: TreeNode<T>) => void;
+    onDoubleClick?: (node: TreeNode<T>) => void;
+    onContextMenu?: (node: TreeNode<T>, event: React.MouseEvent) => void;
+    /** Whether to automatically scroll to the first selected node when selection changes */
+    scrollToSelected?: boolean;
+    /** Whether to enable keyboard search functionality */
+    enableKeyboardSearch?: boolean;
+    /** Time in ms before search is cleared (default: 1500) */
+    searchClearDelay?: number;
+    /** Whether to disable automatic selection when expanding nodes (even during search) */
+    disableAutoSelectOnExpand?: boolean;
+    /** Noun used in multi-select drag preview (e.g., "items", "components"). Default: "items" */
+    multiDragNoun?: string;
+    /** Whether to enable keyboard navigation (default: true) */
+    enableKeyboardNavigation?: boolean;
+    /** Called when keyboard navigation focus changes */
+    onKeyboardNavigationChange?: (key: string) => void;
+}
+export declare const highlightText: (text: string, searchTerm: string) => React.ReactNode;
+export declare const PerfectTree: <T>({ nodes, selectedKeys, expandedKeys, renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop, isValidDropZone, scrollToSelected, enableKeyboardSearch, searchClearDelay, disableAutoSelectOnExpand, multiDragNoun, enableKeyboardNavigation, onKeyboardNavigationChange, }: TreeProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof PerfectTree;
+export default _default;