@alpaca-editor/core 1.0.3975 → 1.0.3978
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionButton.js +1 -1
- package/dist/components/ActionButton.js.map +1 -1
- package/dist/components/FilterInput.d.ts +1 -0
- package/dist/components/FilterInput.js +2 -2
- package/dist/components/FilterInput.js.map +1 -1
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +10 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/command.js +1 -1
- package/dist/components/ui/dialog.js +2 -2
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/upload-button.d.ts +15 -0
- package/dist/components/ui/upload-button.js +56 -0
- package/dist/components/ui/upload-button.js.map +1 -0
- package/dist/config/config.js +7 -5
- package/dist/config/config.js.map +1 -1
- package/dist/editor/ContentTree.js +1 -1
- package/dist/editor/ContentTree.js.map +1 -1
- package/dist/editor/FieldActionsOverlay.js +1 -1
- package/dist/editor/FieldActionsOverlay.js.map +1 -1
- package/dist/editor/FieldList.js +3 -3
- package/dist/editor/FieldList.js.map +1 -1
- package/dist/editor/FieldListField.js +6 -8
- package/dist/editor/FieldListField.js.map +1 -1
- package/dist/editor/FieldListFieldWithFallbacks.js +2 -1
- package/dist/editor/FieldListFieldWithFallbacks.js.map +1 -1
- package/dist/editor/ImageEditor.js +1 -1
- package/dist/editor/ImageEditor.js.map +1 -1
- package/dist/editor/ItemInfo.js +4 -4
- package/dist/editor/ItemInfo.js.map +1 -1
- package/dist/editor/commands/componentCommands.js +2 -2
- package/dist/editor/commands/componentCommands.js.map +1 -1
- package/dist/editor/context-menu/InsertMenu.js +1 -1
- package/dist/editor/context-menu/InsertMenu.js.map +1 -1
- package/dist/editor/field-types/CheckboxEditor.js +3 -3
- package/dist/editor/field-types/CheckboxEditor.js.map +1 -1
- package/dist/editor/field-types/ImageFieldEditor.js +1 -1
- package/dist/editor/field-types/InternalLinkFieldEditor.js +3 -2
- package/dist/editor/field-types/InternalLinkFieldEditor.js.map +1 -1
- package/dist/editor/field-types/LinkFieldEditor.js +1 -1
- package/dist/editor/field-types/LinkFieldEditor.js.map +1 -1
- package/dist/editor/field-types/RawEditor.js +1 -1
- package/dist/editor/field-types/RawEditor.js.map +1 -1
- package/dist/editor/field-types/SingleLineText.js +1 -1
- package/dist/editor/fieldTypes.d.ts +1 -0
- package/dist/editor/media-selector/AiImageSearch.js.map +1 -1
- package/dist/editor/media-selector/AiImageSearchPrompt.js +3 -4
- package/dist/editor/media-selector/AiImageSearchPrompt.js.map +1 -1
- package/dist/editor/media-selector/MediaSelector.js +3 -3
- package/dist/editor/media-selector/MediaSelector.js.map +1 -1
- package/dist/editor/media-selector/Preview.d.ts +1 -1
- package/dist/editor/media-selector/Preview.js +14 -2
- package/dist/editor/media-selector/Preview.js.map +1 -1
- package/dist/editor/media-selector/Thumbnails.d.ts +1 -6
- package/dist/editor/media-selector/Thumbnails.js +3 -2
- package/dist/editor/media-selector/Thumbnails.js.map +1 -1
- package/dist/editor/media-selector/TreeSelector.js +22 -17
- package/dist/editor/media-selector/TreeSelector.js.map +1 -1
- package/dist/editor/media-selector/UploadZone.js +5 -3
- package/dist/editor/media-selector/UploadZone.js.map +1 -1
- package/dist/editor/media-selector/index.d.ts +1 -1
- package/dist/editor/media-selector/index.js.map +1 -1
- package/dist/editor/menubar/GenericToolbar.js +1 -1
- package/dist/editor/menubar/GenericToolbar.js.map +1 -1
- package/dist/editor/menubar/ToolbarFactory.js +2 -2
- package/dist/editor/menubar/ToolbarFactory.js.map +1 -1
- package/dist/editor/menubar/toolbar-sections/ReviewCommands.js +19 -19
- package/dist/editor/menubar/toolbar-sections/ReviewCommands.js.map +1 -1
- package/dist/editor/page-viewer/PageViewer.js +1 -1
- package/dist/editor/page-viewer/PageViewer.js.map +1 -1
- package/dist/editor/page-viewer/PageViewerFrame.js +1 -7
- package/dist/editor/page-viewer/PageViewerFrame.js.map +1 -1
- package/dist/editor/reviews/Comment.js +14 -18
- package/dist/editor/reviews/Comment.js.map +1 -1
- package/dist/editor/reviews/SuggestedEdit.js +6 -5
- package/dist/editor/reviews/SuggestedEdit.js.map +1 -1
- package/dist/editor/services/contentService.d.ts +12 -1
- package/dist/editor/services/contentService.js.map +1 -1
- package/dist/editor/sidebar/SidebarView.js +4 -2
- package/dist/editor/sidebar/SidebarView.js.map +1 -1
- package/dist/editor/ui/PerfectTree.d.ts +8 -3
- package/dist/editor/ui/PerfectTree.js +215 -8
- package/dist/editor/ui/PerfectTree.js.map +1 -1
- package/dist/editor/ui/Section.js +2 -1
- package/dist/editor/ui/Section.js.map +1 -1
- package/dist/page-wizard/PageWizard.d.ts +1 -1
- package/dist/page-wizard/steps/Components.d.ts +1 -1
- package/dist/page-wizard/steps/Components.js +2 -2
- package/dist/page-wizard/steps/Components.js.map +1 -1
- package/dist/revision.d.ts +2 -2
- package/dist/revision.js +2 -2
- package/dist/styles.css +81 -16
- package/package.json +2 -1
- package/src/components/ActionButton.tsx +2 -0
- package/src/components/FilterInput.tsx +7 -1
- package/src/components/ui/checkbox.tsx +32 -0
- package/src/components/ui/command.tsx +1 -1
- package/src/components/ui/dialog.tsx +5 -2
- package/src/components/ui/upload-button.tsx +117 -0
- package/src/config/config.tsx +11 -6
- package/src/editor/ContentTree.tsx +1 -0
- package/src/editor/FieldActionsOverlay.tsx +1 -1
- package/src/editor/FieldList.tsx +14 -10
- package/src/editor/FieldListField.tsx +20 -18
- package/src/editor/FieldListFieldWithFallbacks.tsx +14 -11
- package/src/editor/ImageEditor.tsx +1 -1
- package/src/editor/ItemInfo.tsx +10 -10
- package/src/editor/commands/componentCommands.tsx +2 -1
- package/src/editor/context-menu/InsertMenu.tsx +2 -1
- package/src/editor/field-types/CheckboxEditor.tsx +3 -3
- package/src/editor/field-types/ImageFieldEditor.tsx +1 -1
- package/src/editor/field-types/InternalLinkFieldEditor.tsx +8 -4
- package/src/editor/field-types/LinkFieldEditor.tsx +1 -1
- package/src/editor/field-types/RawEditor.tsx +1 -1
- package/src/editor/field-types/SingleLineText.tsx +1 -1
- package/src/editor/fieldTypes.ts +1 -0
- package/src/editor/media-selector/AiImageSearch.tsx +2 -1
- package/src/editor/media-selector/AiImageSearchPrompt.tsx +39 -20
- package/src/editor/media-selector/MediaFolderBrowser.tsx +1 -1
- package/src/editor/media-selector/MediaSelector.tsx +26 -17
- package/src/editor/media-selector/Preview.tsx +41 -3
- package/src/editor/media-selector/Thumbnails.tsx +13 -14
- package/src/editor/media-selector/TreeSelector.tsx +94 -40
- package/src/editor/media-selector/UploadZone.tsx +14 -12
- package/src/editor/media-selector/index.ts +1 -1
- package/src/editor/menubar/GenericToolbar.tsx +1 -3
- package/src/editor/menubar/ToolbarFactory.tsx +2 -2
- package/src/editor/menubar/toolbar-sections/ReviewCommands.tsx +7 -1
- package/src/editor/page-viewer/PageViewer.tsx +1 -1
- package/src/editor/page-viewer/PageViewerFrame.tsx +1 -10
- package/src/editor/reviews/Comment.tsx +51 -43
- package/src/editor/reviews/SuggestedEdit.tsx +30 -19
- package/src/editor/services/contentService.ts +13 -1
- package/src/editor/sidebar/SidebarView.tsx +8 -6
- package/src/editor/ui/PerfectTree.tsx +305 -9
- package/src/editor/ui/Section.tsx +16 -6
- package/src/page-wizard/PageWizard.tsx +1 -1
- package/src/page-wizard/steps/Components.tsx +8 -10
- package/src/revision.ts +2 -2
|
@@ -5,7 +5,7 @@ import { createOrUpdateComment, deleteComment, resolveComment, unresolveComment,
|
|
|
5
5
|
import { Button } from "../../components/ui/button";
|
|
6
6
|
import { formatDate } from "../utils";
|
|
7
7
|
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
8
|
-
import {
|
|
8
|
+
import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
|
|
9
9
|
import { ProgressSpinner } from "primereact/progressspinner";
|
|
10
10
|
import { useDebouncedCallback } from "use-debounce";
|
|
11
11
|
import { ActionButton } from "../../components/ActionButton";
|
|
@@ -14,6 +14,8 @@ export function Comment({ comment }) {
|
|
|
14
14
|
const [commentText, setCommentText] = useState(comment.text);
|
|
15
15
|
const [isEditing, setIsEditing] = useState(false);
|
|
16
16
|
const [isSaving, setIsSaving] = useState(false);
|
|
17
|
+
const [deletePopoverOpen, setDeletePopoverOpen] = useState(false);
|
|
18
|
+
const [resolvePopoverOpen, setResolvePopoverOpen] = useState(false);
|
|
17
19
|
const ref = useRef(null);
|
|
18
20
|
useEffect(() => {
|
|
19
21
|
if (comment.isNew)
|
|
@@ -56,24 +58,18 @@ export function Comment({ comment }) {
|
|
|
56
58
|
return prompt;
|
|
57
59
|
};
|
|
58
60
|
const renderHeader = () => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
} })), _jsx(OverlayPanel, { ref: deleteOverlayPanelRef, children: _jsx(Button, { className: "m-2", variant: "outline", onClick: async () => {
|
|
64
|
-
await deleteComment(comment);
|
|
65
|
-
}, children: "Delete" }) }), canResolve && !comment.isResolved && (_jsx(SimpleIconButton, { icon: "pi pi-check", label: "Resolve", onClick: async () => {
|
|
61
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: "mb-3 flex items-start justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-bold text-gray-900", title: comment.author, children: comment.authorDisplayName }), _jsx("div", { className: "text-xs text-gray-500", children: comment.created ? formatDate(new Date(comment.created)) : "" })] }), _jsxs("div", { className: "text-xs text-gray-500", children: [!isEditing && canEdit && (_jsx(SimpleIconButton, { icon: "pi pi-pencil", label: "Edit", onClick: () => setIsEditing(true) })), canDelete && (_jsxs(Popover, { open: deletePopoverOpen, onOpenChange: setDeletePopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "pi pi-trash hover:bg-gray-5 cursor-pointer rounded-full p-[6px] text-xs", title: "Delete" }) }), _jsx(PopoverContent, { className: "w-auto p-2", align: "end", children: _jsx(Button, { variant: "outline", onClick: async () => {
|
|
62
|
+
await deleteComment(comment);
|
|
63
|
+
setDeletePopoverOpen(false);
|
|
64
|
+
}, children: "Delete" }) })] })), canResolve && !comment.isResolved && (_jsx(SimpleIconButton, { icon: "pi pi-check", label: "Resolve", onClick: async () => {
|
|
66
65
|
await resolveComment(comment);
|
|
67
|
-
} })), comment.isResolved && (_jsxs(
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
if (canResolve) {
|
|
73
|
-
overlayPanelRef.current?.toggle(e);
|
|
74
|
-
}
|
|
75
|
-
} }), _jsx(OverlayPanel, { ref: overlayPanelRef, children: _jsx(Button, { className: "m-2", variant: "outline", onClick: async () => {
|
|
66
|
+
} })), comment.isResolved && (_jsxs(Popover, { open: resolvePopoverOpen, onOpenChange: setResolvePopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("i", { className: "pi pi-check cursor-pointer px-1 text-xs text-green-500", style: { fontWeight: "bold" }, title: "Resolved by " +
|
|
67
|
+
comment.resolvedBy +
|
|
68
|
+
" (" +
|
|
69
|
+
formatDate(new Date(comment.resolvedDate)) +
|
|
70
|
+
")" }) }), _jsx(PopoverContent, { className: "w-auto p-2", align: "end", children: _jsx(Button, { variant: "outline", onClick: async () => {
|
|
76
71
|
await unresolveComment(comment);
|
|
72
|
+
setResolvePopoverOpen(false);
|
|
77
73
|
}, children: "Unresolve" }) })] })), canResolve && !comment.isResolved && (_jsx(SimpleIconButton, { icon: "pi pi-sparkles", label: "AI", onClick: async (event) => {
|
|
78
74
|
editContext?.showAiPopup(event, {
|
|
79
75
|
initialPrompt: 'Please help me resolve this comment: "' +
|
|
@@ -107,7 +103,7 @@ export function Comment({ comment }) {
|
|
|
107
103
|
return;
|
|
108
104
|
setCommentText(e.target.value);
|
|
109
105
|
setCommentsDebounced();
|
|
110
|
-
}, autoFocus: true }), isSaving && (_jsx("div", { className: "mt-1 flex justify-end gap-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [_jsx(ProgressSpinner, { className: "h-4 w-4" }), "Saving..."] }) })), !isSaving && (_jsxs("div", { className: "mt-1 flex justify-end gap-2", children: [_jsx(ActionButton, { variant: "outline", onClick: () => {
|
|
106
|
+
}, autoFocus: true }), isSaving && (_jsx("div", { className: "flex-wra mt-1 flex justify-end gap-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [_jsx(ProgressSpinner, { className: "h-4 w-4" }), "Saving..."] }) })), !isSaving && (_jsxs("div", { className: "mt-1 flex flex-wrap justify-end gap-2", children: [_jsx(ActionButton, { variant: "outline", onClick: () => {
|
|
111
107
|
if (comment.isNew) {
|
|
112
108
|
if (editContext?.setComments) {
|
|
113
109
|
editContext.setComments([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../src/editor/reviews/Comment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../src/editor/reviews/Comment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { deleteSuggestedEdit, createOrUpdateSuggestedEdit, } from "../services/s
|
|
|
5
5
|
import { Button } from "../../components/ui/button";
|
|
6
6
|
import { formatDate } from "../utils";
|
|
7
7
|
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
8
|
-
import {
|
|
8
|
+
import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
|
|
9
9
|
import { DiffView } from "./DiffView";
|
|
10
10
|
// Import lucide icons (adjust names as needed)
|
|
11
11
|
import { Trash2, GalleryVertical, Check, Brush } from "lucide-react";
|
|
@@ -15,9 +15,9 @@ import { cn } from "../../lib/utils";
|
|
|
15
15
|
export function SuggestedEditComponent({ edit }) {
|
|
16
16
|
const editContext = useEditContext();
|
|
17
17
|
const ref = useRef(null);
|
|
18
|
-
const overlayPanelRef = useRef(null);
|
|
19
18
|
const [item, setItem] = useState(null);
|
|
20
19
|
const [patchPossible, setPatchPossible] = useState(true);
|
|
20
|
+
const [deletePopoverOpen, setDeletePopoverOpen] = useState(false);
|
|
21
21
|
const [patchWarning, setPatchWarning] = useState("");
|
|
22
22
|
const [applied, setApplied] = useState(false);
|
|
23
23
|
const [ignoreFormatting, setIgnoreFormatting] = useState(true);
|
|
@@ -92,9 +92,10 @@ export function SuggestedEditComponent({ edit }) {
|
|
|
92
92
|
edit.updatedBy +
|
|
93
93
|
" (" +
|
|
94
94
|
formatDate(new Date(edit.updated)) +
|
|
95
|
-
")" })), canDelete && (_jsx(
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
")" })), canDelete && (_jsxs(Popover, { open: deletePopoverOpen, onOpenChange: setDeletePopoverOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: "cursor-pointer rounded-full p-1 text-gray-500 hover:bg-gray-100", title: "Delete", children: _jsx(Trash2, { size: 14 }) }) }), _jsx(PopoverContent, { className: "w-auto p-2", align: "end", children: _jsx(Button, { variant: "outline", onClick: async () => {
|
|
96
|
+
await deleteSuggestedEdit(edit);
|
|
97
|
+
setDeletePopoverOpen(false);
|
|
98
|
+
}, children: "Delete" }) })] }))] })] }));
|
|
98
99
|
};
|
|
99
100
|
// Render toggle buttons using SimpleIconButtons.
|
|
100
101
|
const renderDiffToggleButtons = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuggestedEdit.js","sourceRoot":"","sources":["../../../src/editor/reviews/SuggestedEdit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,mBAAmB,EACnB,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"SuggestedEdit.js","sourceRoot":"","sources":["../../../src/editor/reviews/SuggestedEdit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
import { EditableDictionary, LanguagesAndVersions, Site, WorkboxItem, ContentEditorWarning } from "../../types";
|
|
2
2
|
import { FullItem, ItemDescriptor, ItemStub } from "../pageModel";
|
|
3
|
-
export type
|
|
3
|
+
export type Thumbnail = {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
thumbUrl: string;
|
|
7
|
+
previewUrl: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
updated?: string;
|
|
12
|
+
updatedBy?: string;
|
|
13
|
+
};
|
|
14
|
+
export type ItemTreeNodeData = Thumbnail & {
|
|
4
15
|
id: string;
|
|
5
16
|
name: string;
|
|
6
17
|
displayName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contentService.js","sourceRoot":"","sources":["../../../src/editor/services/contentService.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"contentService.js","sourceRoot":"","sources":["../../../src/editor/services/contentService.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { classNames } from "primereact/utils";
|
|
3
3
|
import { Splitter } from "../ui/Splitter";
|
|
4
4
|
import { cn } from "../../lib/utils";
|
|
5
|
+
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
6
|
+
import { X } from "lucide-react";
|
|
5
7
|
export function SidebarView({ sidebar, editContext, active, onClose, detached, }) {
|
|
6
8
|
const resolvedPanels = sidebar.panels.map((x) => {
|
|
7
9
|
if (typeof x === "function") {
|
|
@@ -13,7 +15,7 @@ export function SidebarView({ sidebar, editContext, active, onClose, detached, }
|
|
|
13
15
|
if (panel.header)
|
|
14
16
|
return panel.header({ panel, index });
|
|
15
17
|
return (_jsxs("div", { className: "border-gray-3 relative flex items-center border-b p-2 text-xs text-gray-500 uppercase", children: [panel.icon &&
|
|
16
|
-
(typeof panel.icon === "string" ? (_jsx("i", { className: classNames(panel.icon, "pi mr-1.5") })) : (_jsx("div", { className: "mr-2", children: panel.icon }))), _jsx("div", { className: "mr-auto", children: panel.title }), index === 0 && (_jsx(
|
|
18
|
+
(typeof panel.icon === "string" ? (_jsx("i", { className: classNames(panel.icon, "pi mr-1.5") })) : (_jsx("div", { className: "mr-2", children: panel.icon }))), _jsx("div", { className: "mr-auto", children: panel.title }), index === 0 && (_jsx(SimpleIconButton, { onClick: onClose, icon: _jsx(X, { className: "size-4" }), label: "Close", className: "ml-2" }))] }));
|
|
17
19
|
};
|
|
18
20
|
if (!active) {
|
|
19
21
|
return _jsx("div", { className: "hidden h-full" });
|
|
@@ -23,7 +25,7 @@ export function SidebarView({ sidebar, editContext, active, onClose, detached, }
|
|
|
23
25
|
const panel = resolvedPanels[0];
|
|
24
26
|
if (!panel)
|
|
25
27
|
return _jsx("div", { className: "hidden h-full" });
|
|
26
|
-
return (_jsx("div", { className: cn("h-full", detached ? "p-2" : "border-gray-3 border-r"), children: _jsxs("div", { className: cn("flex h-full flex-col bg-white", detached ? "border-gray-3 rounded-
|
|
28
|
+
return (_jsx("div", { className: cn("h-full", detached ? "p-2" : "border-gray-3 border-r"), children: _jsxs("div", { className: cn("flex h-full flex-col bg-white", detached ? "border-gray-3 rounded-md border" : ""), children: [getHeader(panel, 0), _jsx("div", { className: "relative flex-1 overflow-hidden", children: _jsx("div", { className: classNames("absolute inset-0", panel.noOverflow ? "" : "overflow-y-auto"), children: panel.content }) })] }) }));
|
|
27
29
|
}
|
|
28
30
|
// Multiple panels - use existing Splitter component
|
|
29
31
|
const splitterPanels = resolvedPanels.map((panel, index) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarView.js","sourceRoot":"","sources":["../../../src/editor/sidebar/SidebarView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAiB,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarView.js","sourceRoot":"","sources":["../../../src/editor/sidebar/SidebarView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ export interface TreeProps<T = any> {
|
|
|
21
21
|
/** Keys of expanded nodes */
|
|
22
22
|
expandedKeys?: string[];
|
|
23
23
|
/** Callback to render a single node (template) */
|
|
24
|
-
renderNode: (node: TreeNode<T
|
|
24
|
+
renderNode: (node: TreeNode<T>, searchTerm?: string) => React.ReactNode;
|
|
25
25
|
/** Called when a node's expand/collapse toggle is activated */
|
|
26
26
|
onToggleExpand?: (key: string) => void;
|
|
27
27
|
/** Called when a node is clicked for selection */
|
|
@@ -57,7 +57,12 @@ export interface TreeProps<T = any> {
|
|
|
57
57
|
onContextMenu?: (node: TreeNode<T>, event: React.MouseEvent) => void;
|
|
58
58
|
/** Whether to automatically scroll to the first selected node when selection changes */
|
|
59
59
|
scrollToSelected?: boolean;
|
|
60
|
+
/** Whether to enable keyboard search functionality */
|
|
61
|
+
enableKeyboardSearch?: boolean;
|
|
62
|
+
/** Time in ms before search is cleared (default: 1500) */
|
|
63
|
+
searchClearDelay?: number;
|
|
60
64
|
}
|
|
61
|
-
export declare const
|
|
62
|
-
declare const
|
|
65
|
+
export declare const highlightText: (text: string, searchTerm: string) => React.ReactNode;
|
|
66
|
+
export declare const PerfectTree: <T>({ nodes, selectedKeys, expandedKeys, renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop, isValidDropZone, scrollToSelected, enableKeyboardSearch, searchClearDelay, }: TreeProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
declare const _default: React.MemoExoticComponent<(<T>({ nodes, selectedKeys, expandedKeys, renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop, isValidDropZone, scrollToSelected, enableKeyboardSearch, searchClearDelay, }: TreeProps<T>) => import("react/jsx-runtime").JSX.Element)>;
|
|
63
68
|
export default _default;
|
|
@@ -1,7 +1,29 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React, { useEffect, useMemo, useCallback, memo, useRef } from "react";
|
|
2
|
+
import React, { useEffect, useMemo, useCallback, memo, useRef, useState, } from "react";
|
|
3
3
|
import { ProgressSpinner } from "primereact/progressspinner";
|
|
4
4
|
import { ChevronRight } from "lucide-react";
|
|
5
|
+
/**
|
|
6
|
+
* Usage example with keyboard search:
|
|
7
|
+
*
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { PerfectTree } from './PerfectTree';
|
|
10
|
+
*
|
|
11
|
+
* <PerfectTree
|
|
12
|
+
* nodes={treeNodes}
|
|
13
|
+
* enableKeyboardSearch={true}
|
|
14
|
+
* renderNode={(node) => (
|
|
15
|
+
* <div>
|
|
16
|
+
* {node.icon}
|
|
17
|
+
* {node.label}
|
|
18
|
+
* </div>
|
|
19
|
+
* )}
|
|
20
|
+
* // ... other props
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* Note: Text highlighting is applied automatically when enableKeyboardSearch is true.
|
|
25
|
+
* The highlightText helper function is still available for manual highlighting if needed.
|
|
26
|
+
*/
|
|
5
27
|
// Local DropZone component to handle drag-over state.
|
|
6
28
|
const DropZone = memo(({ parent, index, isDragging, onDragOverZone, onDrop, onDragEnd, isLast, isValidDropZone, }) => {
|
|
7
29
|
const [isDragOver, setIsDragOver] = React.useState(false);
|
|
@@ -51,8 +73,100 @@ const DropZone = memo(({ parent, index, isDragging, onDragOverZone, onDrop, onDr
|
|
|
51
73
|
return null;
|
|
52
74
|
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 }) }));
|
|
53
75
|
});
|
|
76
|
+
// Helper function to highlight matching text
|
|
77
|
+
export const highlightText = (text, searchTerm) => {
|
|
78
|
+
if (!searchTerm.trim())
|
|
79
|
+
return text;
|
|
80
|
+
const regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
|
|
81
|
+
const parts = text.split(regex);
|
|
82
|
+
return parts.map((part, index) => {
|
|
83
|
+
if (regex.test(part)) {
|
|
84
|
+
return (_jsx("span", { className: "bg-yellow-200 underline", children: part }, index));
|
|
85
|
+
}
|
|
86
|
+
return part;
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
// Helper function to highlight text within React elements
|
|
90
|
+
const highlightReactElement = (element, searchTerm, nodeLabel) => {
|
|
91
|
+
try {
|
|
92
|
+
// If searchTerm doesn't match the node label, return as-is
|
|
93
|
+
if (!nodeLabel.toLowerCase().includes(searchTerm.toLowerCase())) {
|
|
94
|
+
return element;
|
|
95
|
+
}
|
|
96
|
+
const processChildren = (children) => {
|
|
97
|
+
return React.Children.map(children, (child) => {
|
|
98
|
+
if (typeof child === "string") {
|
|
99
|
+
// If it's a string and contains the search term, highlight it
|
|
100
|
+
if (child.toLowerCase().includes(searchTerm.toLowerCase())) {
|
|
101
|
+
return highlightText(child, searchTerm);
|
|
102
|
+
}
|
|
103
|
+
return child;
|
|
104
|
+
}
|
|
105
|
+
if (React.isValidElement(child)) {
|
|
106
|
+
// Recursively process React elements
|
|
107
|
+
const childProps = child.props;
|
|
108
|
+
if (childProps && childProps.children) {
|
|
109
|
+
return React.cloneElement(child, {
|
|
110
|
+
...childProps,
|
|
111
|
+
children: processChildren(childProps.children),
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
return child;
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
// Clone the element with processed children
|
|
119
|
+
const elementProps = element.props;
|
|
120
|
+
if (elementProps && elementProps.children) {
|
|
121
|
+
return React.cloneElement(element, {
|
|
122
|
+
...elementProps,
|
|
123
|
+
children: processChildren(elementProps.children),
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
catch (error) {
|
|
128
|
+
// If any error occurs, return the original element
|
|
129
|
+
console.warn("Error highlighting React element:", error);
|
|
130
|
+
}
|
|
131
|
+
return element;
|
|
132
|
+
};
|
|
133
|
+
// Helper function to check if a node matches the search term
|
|
134
|
+
const nodeMatchesSearch = (node, searchTerm) => {
|
|
135
|
+
if (!searchTerm.trim())
|
|
136
|
+
return true;
|
|
137
|
+
return node.label.toLowerCase().includes(searchTerm.toLowerCase());
|
|
138
|
+
};
|
|
139
|
+
// Helper function to filter tree nodes based on search term
|
|
140
|
+
const filterTreeNodes = (nodes, searchTerm, expandedKeys) => {
|
|
141
|
+
if (!searchTerm.trim())
|
|
142
|
+
return nodes;
|
|
143
|
+
const filterNode = (node) => {
|
|
144
|
+
const nodeMatches = nodeMatchesSearch(node, searchTerm);
|
|
145
|
+
const isExpanded = expandedKeys.includes(node.key);
|
|
146
|
+
// Process children only if the node is expanded
|
|
147
|
+
let filteredChildren = [];
|
|
148
|
+
let hasMatchingChildren = false;
|
|
149
|
+
if (isExpanded && node.children && Array.isArray(node.children)) {
|
|
150
|
+
filteredChildren = node.children
|
|
151
|
+
.map((child) => filterNode(child))
|
|
152
|
+
.filter((child) => child !== null);
|
|
153
|
+
hasMatchingChildren = filteredChildren.length > 0;
|
|
154
|
+
}
|
|
155
|
+
// Include node if it matches or has matching children
|
|
156
|
+
if (nodeMatches || hasMatchingChildren) {
|
|
157
|
+
return {
|
|
158
|
+
...node,
|
|
159
|
+
children: isExpanded ? filteredChildren : node.children,
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
return null;
|
|
163
|
+
};
|
|
164
|
+
return nodes
|
|
165
|
+
.map((node) => filterNode(node))
|
|
166
|
+
.filter((node) => node !== null);
|
|
167
|
+
};
|
|
54
168
|
// NodeContent component extracted and memoized
|
|
55
|
-
const NodeContent = memo(({ node, isExpanded, isSelected, onSelect, onToggleNode, onStartDrag, onDragEnd, onDragOverZone, onDrop, onDoubleClick, renderNode, onContextMenu, enableDragAndDrop = false, selectedKeys, isDragging, }) => {
|
|
169
|
+
const NodeContent = memo(({ node, isExpanded, isSelected, onSelect, onToggleNode, onStartDrag, onDragEnd, onDragOverZone, onDrop, onDoubleClick, renderNode, onContextMenu, enableDragAndDrop = false, selectedKeys, isDragging, searchTerm = "", }) => {
|
|
56
170
|
const [isDragOver, setIsDragOver] = React.useState(false);
|
|
57
171
|
useEffect(() => {
|
|
58
172
|
if (!isDragging) {
|
|
@@ -133,9 +247,12 @@ const NodeContent = memo(({ node, isExpanded, isSelected, onSelect, onToggleNode
|
|
|
133
247
|
e.preventDefault();
|
|
134
248
|
onContextMenu?.(node, e);
|
|
135
249
|
}, [node, onContextMenu]);
|
|
136
|
-
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, "data-node-key": node.key, "data-selected": isSelected, children: [node.hasChildren || node.children?.length ? (renderToggle()) : (_jsx("div", { className: "w-[24px]" })), _jsx("div", { className: `flex-1 rounded-md border border-transparent p-0.5 pr-1.5 hover:border-gray-300 ${isDragOver ? "bg-sky-200" : isSelected ? "bg-blue-100" : ""}`, onClick: handleSelect, children: renderNode(node) })] }));
|
|
250
|
+
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, "data-node-key": node.key, "data-selected": isSelected, children: [node.hasChildren || node.children?.length ? (renderToggle()) : (_jsx("div", { className: "w-[24px]" })), _jsx("div", { className: `flex-1 rounded-md border border-transparent p-0.5 pr-1.5 hover:border-gray-300 ${isDragOver ? "bg-sky-200" : isSelected ? "bg-blue-100" : ""}`, onClick: handleSelect, children: renderNode(node, searchTerm) })] }));
|
|
137
251
|
});
|
|
138
|
-
export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging = false, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop = false, isValidDropZone, scrollToSelected = false, }) => {
|
|
252
|
+
export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], renderNode, onToggleExpand, onSelect, onDragOverZone, onDrop, isDragging = false, onStartDrag, onDragEnd, onLazyLoad, onDoubleClick, onContextMenu, enableDragAndDrop = false, isValidDropZone, scrollToSelected = false, enableKeyboardSearch = false, searchClearDelay = 1500, }) => {
|
|
253
|
+
const [searchTerm, setSearchTerm] = useState("");
|
|
254
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
255
|
+
const searchTimeoutRef = useRef(null);
|
|
139
256
|
// When toggling a node, notify parent and trigger external lazy load if needed.
|
|
140
257
|
const handleToggle = useCallback((node) => {
|
|
141
258
|
if (onToggleExpand) {
|
|
@@ -255,6 +372,29 @@ export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], rende
|
|
|
255
372
|
// Update the previous selectedKeys reference
|
|
256
373
|
prevSelectedKeysRef.current = [...selectedKeys];
|
|
257
374
|
}, [scrollToSelected, selectedKeys]);
|
|
375
|
+
// Enhanced renderNode function that handles highlighting
|
|
376
|
+
const enhancedRenderNode = useCallback((node, searchTermForNode = searchTerm) => {
|
|
377
|
+
// Get the original content from renderNode
|
|
378
|
+
const originalContent = renderNode(node, searchTermForNode);
|
|
379
|
+
// If there's no search term, return original content
|
|
380
|
+
if (!searchTermForNode?.trim()) {
|
|
381
|
+
return originalContent;
|
|
382
|
+
}
|
|
383
|
+
// Auto-highlight if the content is simple text
|
|
384
|
+
if (typeof originalContent === "string") {
|
|
385
|
+
return highlightText(originalContent, searchTermForNode);
|
|
386
|
+
}
|
|
387
|
+
// For React elements, try to find and highlight text content
|
|
388
|
+
if (React.isValidElement(originalContent)) {
|
|
389
|
+
return highlightReactElement(originalContent, searchTermForNode, node.label);
|
|
390
|
+
}
|
|
391
|
+
// Fallback: if we can't process the content, return original
|
|
392
|
+
return originalContent;
|
|
393
|
+
}, [renderNode, searchTerm]);
|
|
394
|
+
// Filter nodes based on search term
|
|
395
|
+
const filteredNodes = useMemo(() => {
|
|
396
|
+
return filterTreeNodes(nodes, searchTerm, expandedKeys);
|
|
397
|
+
}, [nodes, searchTerm, expandedKeys]);
|
|
258
398
|
// Recursive function to render tree nodes along with drop zones.
|
|
259
399
|
const renderTreeList = useCallback((nodes, depth, parent = null) => {
|
|
260
400
|
return (_jsxs("div", { className: "tree-container flex flex-col", children: [nodes.map((node, index) => {
|
|
@@ -263,7 +403,7 @@ export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], rende
|
|
|
263
403
|
const isSelected = selectedKeys.includes(node.key);
|
|
264
404
|
return (_jsxs(React.Fragment, { children: [_jsx(DropZone, { parent: parent, index: index, isDragging: isDragging, onDragOverZone: onDragOverZone, onDrop: onDrop, onDragEnd: onDragEnd, isValidDropZone: isValidDropZone }), _jsxs("div", { style: {
|
|
265
405
|
marginLeft: depth > 0 ? "24px" : undefined,
|
|
266
|
-
}, 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:
|
|
406
|
+
}, 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: enhancedRenderNode, enableDragAndDrop: enableDragAndDrop, selectedKeys: selectedKeys, isDragging: isDragging, searchTerm: searchTerm }), isExpanded && (_jsx(_Fragment, { children: children && children.length > 0 ? (_jsx("div", { children: renderTreeList(children, depth + 1, node) })) : null }))] })] }, node.key));
|
|
267
407
|
}), _jsx(DropZone, { parent: parent, index: nodes.length, isDragging: isDragging, onDragOverZone: onDragOverZone, onDrop: onDrop, onDragEnd: onDragEnd, isLast: true, isValidDropZone: isValidDropZone })] }));
|
|
268
408
|
}, [
|
|
269
409
|
expandedKeys,
|
|
@@ -276,11 +416,78 @@ export const PerfectTree = ({ nodes, selectedKeys = [], expandedKeys = [], rende
|
|
|
276
416
|
onDoubleClick,
|
|
277
417
|
handleSelect,
|
|
278
418
|
handleToggle,
|
|
279
|
-
|
|
419
|
+
enhancedRenderNode,
|
|
420
|
+
searchTerm,
|
|
280
421
|
]);
|
|
281
422
|
// Memoize the tree structure
|
|
282
|
-
const treeContent = useMemo(() => renderTreeList(
|
|
283
|
-
|
|
423
|
+
const treeContent = useMemo(() => renderTreeList(filteredNodes, 0), [filteredNodes, renderTreeList]);
|
|
424
|
+
// Keyboard search functionality
|
|
425
|
+
useEffect(() => {
|
|
426
|
+
if (!enableKeyboardSearch || !isFocused)
|
|
427
|
+
return;
|
|
428
|
+
const handleKeyDown = (event) => {
|
|
429
|
+
// Ignore if user is typing in an input, textarea, or contenteditable element
|
|
430
|
+
const target = event.target;
|
|
431
|
+
if (target.tagName === "INPUT" ||
|
|
432
|
+
target.tagName === "TEXTAREA" ||
|
|
433
|
+
target.contentEditable === "true" ||
|
|
434
|
+
target.isContentEditable) {
|
|
435
|
+
return;
|
|
436
|
+
}
|
|
437
|
+
// Handle different key types
|
|
438
|
+
if (event.key === "Escape") {
|
|
439
|
+
// Clear search on Escape
|
|
440
|
+
setSearchTerm("");
|
|
441
|
+
if (searchTimeoutRef.current) {
|
|
442
|
+
clearTimeout(searchTimeoutRef.current);
|
|
443
|
+
searchTimeoutRef.current = null;
|
|
444
|
+
}
|
|
445
|
+
event.preventDefault();
|
|
446
|
+
}
|
|
447
|
+
else if (event.key === "Backspace") {
|
|
448
|
+
// Remove last character on Backspace
|
|
449
|
+
if (searchTerm.length > 0) {
|
|
450
|
+
setSearchTerm((prev) => prev.slice(0, -1));
|
|
451
|
+
resetSearchTimeout();
|
|
452
|
+
event.preventDefault();
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
else if (event.key.length === 1 &&
|
|
456
|
+
!event.ctrlKey &&
|
|
457
|
+
!event.metaKey &&
|
|
458
|
+
!event.altKey) {
|
|
459
|
+
// Add character for printable keys (letters, numbers, symbols)
|
|
460
|
+
setSearchTerm((prev) => prev + event.key);
|
|
461
|
+
resetSearchTimeout();
|
|
462
|
+
event.preventDefault();
|
|
463
|
+
}
|
|
464
|
+
};
|
|
465
|
+
const resetSearchTimeout = () => {
|
|
466
|
+
if (searchTimeoutRef.current) {
|
|
467
|
+
clearTimeout(searchTimeoutRef.current);
|
|
468
|
+
}
|
|
469
|
+
searchTimeoutRef.current = setTimeout(() => {
|
|
470
|
+
setSearchTerm("");
|
|
471
|
+
searchTimeoutRef.current = null;
|
|
472
|
+
}, searchClearDelay);
|
|
473
|
+
};
|
|
474
|
+
// Add event listener to document
|
|
475
|
+
document.addEventListener("keydown", handleKeyDown);
|
|
476
|
+
return () => {
|
|
477
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
478
|
+
if (searchTimeoutRef.current) {
|
|
479
|
+
clearTimeout(searchTimeoutRef.current);
|
|
480
|
+
}
|
|
481
|
+
};
|
|
482
|
+
}, [enableKeyboardSearch, isFocused, searchTerm, searchClearDelay]);
|
|
483
|
+
return (_jsxs("div", { ref: treeRef, className: "perfect-tree focus:outline-none", tabIndex: 0, onFocus: () => setIsFocused(true), onBlur: () => {
|
|
484
|
+
setIsFocused(false);
|
|
485
|
+
setSearchTerm("");
|
|
486
|
+
if (searchTimeoutRef.current) {
|
|
487
|
+
clearTimeout(searchTimeoutRef.current);
|
|
488
|
+
searchTimeoutRef.current = null;
|
|
489
|
+
}
|
|
490
|
+
}, children: [enableKeyboardSearch && searchTerm && (_jsxs("div", { className: "mb-2 flex items-center px-2 py-1 text-xs", children: [_jsx("span", { className: "text-gray-2", children: "Filter:" }), _jsx("span", { className: "ml-1", children: searchTerm }), _jsx("span", { className: "text-gray-2 ml-1", children: "(ESC to clear)" })] })), treeContent] }));
|
|
284
491
|
};
|
|
285
492
|
export default memo(PerfectTree);
|
|
286
493
|
//# sourceMappingURL=PerfectTree.js.map
|