@alpaca-editor/core 1.0.3955 → 1.0.3959

package/dist/editor/menubar/PageViewerControls.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from "primereact/utils";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEditContext } from "../client/editContext";
 import { Separator } from "./Separator";
-import { CompareIcon, FormEditIcon } from "../ui/Icons";
+import { CompareIcon } from "../ui/Icons";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
-import { UserRoundPen, EyeIcon, Pencil } from "lucide-react";
+import { EyeIcon, MessagesSquare, Pencil, Monitor, Smartphone, Table, Plus, Layers, } from "lucide-react";
+import { EnterFullScreenIcon } from "@radix-ui/react-icons";
 export function PageViewerControls() {
     const editContext = useEditContext();
     if (!editContext)
@@ -13,20 +13,23 @@ export function PageViewerControls() {
     const pageViewContext = editContext.pageView;
     const device = pageViewContext.device;
     const setDevice = pageViewContext.setDevice;
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [hasLayout && (_jsxs(_Fragment, { children: [!editContext.user?.isLimitedPreviewUser && (_jsx(SimpleIconButton, { icon: _jsx(Pencil, { className: "h-6 w-6 p-1" }), label: "Edit", dark: true, size: "large", selected: editContext.mode === "edit", onClick: () => editContext.setMode("edit") })), _jsx(SimpleIconButton, { icon: _jsx(EyeIcon, { className: "h-6 w-6 p-1" }), label: "Preview", dark: true, size: "large", selected: editContext.mode === "preview", onClick: () => editContext.setMode("preview") }), _jsx(SimpleIconButton, { selected: editContext?.mode === "suggestions", icon: _jsx(UserRoundPen, { size: 24, className: "p-0.5" }), label: "Write suggestions", dark: true, size: "large", onClick: () => editContext?.setMode("suggestions") }), _jsx(Separator, { size: "large" }), !editContext.isMobile && (_jsxs(_Fragment, { children: [_jsx("i", { className: classNames(device === "desktop"
-                                    ? "bg-gray-200"
-                                    : "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "pi pi-desktop cursor-pointer rounded-full p-2"), title: "Desktop", onClick: () => {
-                                    setDevice("desktop");
-                                } }), _jsx("i", { className: classNames(device && device !== "desktop"
-                                    ? "bg-gray-200"
-                                    : "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "pi pi-mobile cursor-pointer rounded-full p-2"), title: "Mobile", onClick: () => {
-                                    if (editContext.configuration.devices[0]) {
-                                        setDevice(editContext.configuration.devices[0].name);
-                                    }
-                                } }), _jsx("i", { className: classNames(!device
-                                    ? "bg-gray-200"
-                                    : "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "h-8 w-8 cursor-pointer rounded-full p-1"), title: "Form", onClick: () => {
-                                    setDevice("");
-                                }, children: _jsx(FormEditIcon, {}) }), _jsx(Separator, { size: "large" })] })), _jsx("i", { className: "pi pi-external-link cursor-pointer rounded-full p-2 text-gray-400 hover:bg-gray-200 hover:text-gray-800", title: "Fullscreen", onClick: () => pageViewContext.setFullscreen(true) })] })), !editContext.isMobile && (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", dark: true, className: editContext.compareMode ? "text-gray-600" : "hover:text-gray-600", selected: editContext.compareMode, onClick: () => editContext.setCompareMode(!editContext.compareMode) }))] }));
+    // Insert mode logic
+    const insertMode = editContext.insertMode;
+    const toggleInsertMode = () => {
+        editContext.setInsertMode(true);
+    };
+    // Calculate total count of comments and suggestions
+    const commentsCount = editContext.comments?.filter((x) => !x.isResolved).length || 0;
+    const suggestionsCount = editContext.suggestedEdits?.filter((x) => x.status === "pending").length ||
+        0;
+    const totalCount = commentsCount + suggestionsCount;
+    return (_jsx("div", { className: "flex items-center justify-between gap-2 border-b px-4 py-2", children: hasLayout && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [!editContext.user?.isLimitedPreviewUser && (_jsx(SimpleIconButton, { icon: _jsx(Pencil, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Edit", size: "large", selected: editContext.mode === "edit", onClick: () => editContext.setMode("edit") })), _jsx(SimpleIconButton, { icon: _jsx(EyeIcon, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Preview", size: "large", selected: editContext.mode === "preview", onClick: () => editContext.setMode("preview") }), _jsxs("div", { className: "relative", children: [_jsx(SimpleIconButton, { selected: editContext?.mode === "suggestions", icon: _jsx(MessagesSquare, { strokeWidth: 1, className: "h-6 w-6 p-1" }), label: "Write suggestions", size: "large", onClick: () => editContext?.setMode("suggestions") }), totalCount > 0 && (_jsx("div", { className: "bg-theme-secondary text-3xs absolute -top-1 -right-1 flex h-[16px] min-w-[16px] items-center justify-center rounded-full px-1 text-white", children: totalCount > 99 ? "99+" : totalCount }))] }), _jsx(Separator, { size: "large" }), _jsx(SimpleIconButton, { icon: _jsx(Plus, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Add Component", size: "large", selected: insertMode, onClick: toggleInsertMode, disabled: !editContext.page?.item.canWriteItem ||
+                                editContext.mode !== "edit" })] }), !editContext.isMobile && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SimpleIconButton, { icon: _jsx(Monitor, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Desktop", size: "large", selected: device === "desktop", onClick: () => setDevice("desktop") }), _jsx(SimpleIconButton, { icon: _jsx(Smartphone, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Mobile", size: "large", selected: Boolean(device && device !== "desktop"), onClick: () => {
+                                if (editContext.configuration.devices[0]) {
+                                    setDevice(editContext.configuration.devices[0].name);
+                                }
+                            } }), _jsx(SimpleIconButton, { icon: _jsx(Table, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Form", size: "large", selected: !device, onClick: () => setDevice("") }), _jsx(Separator, { size: "large" }), !editContext.isMobile && (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", className: editContext.compareMode
+                                ? "text-gray-600"
+                                : "hover:text-gray-600", selected: editContext.compareMode, onClick: () => editContext.setCompareMode(!editContext.compareMode) }))] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SimpleIconButton, { icon: _jsx(EnterFullScreenIcon, { className: "h-6 w-6 p-1" }), label: "Fullscreen", size: "large", onClick: () => pageViewContext.setFullscreen(true) }), _jsx(SimpleIconButton, { icon: _jsx(Layers, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Component Navigator", size: "large", selected: editContext.showRightSidebar, onClick: () => editContext.setShowRightSidebar(!editContext.showRightSidebar) })] })] })) }));
 }
 //# sourceMappingURL=PageViewerControls.js.map

package/dist/editor/menubar/PageViewerControls.js.map

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

package/dist/editor/menubar/PreviewSecondaryControls.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEditContext } from "../client/editContext";
 import { PreviewInfo } from "../reviews/PreviewInfo";
-import { ActionsMenu } from "./ActionsMenu";
 export const PreviewSecondaryControls = () => {
     const editContext = useEditContext();
     if (!editContext)
         return null;
-    return (_jsxs("div", { className: `flex items-center gap-3 ${editContext.isMobile ? "flex-col" : ""}`, children: [_jsx(PreviewInfo, {}), _jsx(ActionsMenu, { isMobile: editContext.isMobile })] }));
+    return (_jsx("div", { className: `flex items-center gap-3 ${editContext.isMobile ? "flex-col" : ""}`, children: _jsx(PreviewInfo, {}) }));
 };
 //# sourceMappingURL=PreviewSecondaryControls.js.map

package/dist/editor/menubar/PreviewSecondaryControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewSecondaryControls.js","sourceRoot":"","sources":["../../../src/editor/menubar/PreviewSecondaryControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC9B,OAAO,CACL,eACE,SAAS,EAAE,2BACT,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EACtC,EAAE,aAEF,KAAC,WAAW,KAAG,EACf,KAAC,WAAW,IAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,GAAI,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PreviewSecondaryControls.js","sourceRoot":"","sources":["../../../src/editor/menubar/PreviewSecondaryControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC9B,OAAO,CACL,cACE,SAAS,EAAE,2BACT,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EACtC,EAAE,YAEF,KAAC,WAAW,KAAG,GACX,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/menubar/User.js

@@ -11,6 +11,6 @@ export function User({ session }) {
         : userName[0]
             ? userName[0].toUpperCase()
             : "";
-    return (_jsx("div", { className: "rounded-full w-8 h-8 grid items-center justify-center text-white", style: { background: session.color }, title: userName + " (" + session.user.email + ")", children: letter }));
+    return (_jsx("div", { className: "grid h-7 w-7 items-center justify-center rounded-full text-xs font-normal text-white", style: { background: session.color }, title: userName + " (" + session.user.email + ")", children: letter?.toUpperCase() }));
 }
 //# sourceMappingURL=User.js.map

package/dist/editor/menubar/User.js.map

@@ -1 +1 @@
-{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../src/editor/menubar/User.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAA4B;IACxD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAE/D,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GACV,YAAY,IAAI,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;QAC5B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;YAC3B,CAAC,CAAC,EAAE,CAAC;IAEX,OAAO,CACL,cACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,EACpC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,YAEhD,MAAM,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../src/editor/menubar/User.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAA4B;IACxD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAE/D,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GACV,YAAY,IAAI,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;QAC5B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;YAC3B,CAAC,CAAC,EAAE,CAAC;IAEX,OAAO,CACL,cACE,SAAS,EAAC,sFAAsF,EAChG,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,EACpC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,YAEhD,MAAM,EAAE,WAAW,EAAE,GAClB,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/VersionSelector.js

@@ -1,47 +1,52 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ArrowDownIcon } from "../ui/Icons";
-import { useRef } from "react";
-import { OverlayPanel } from "primereact/overlaypanel";
-import { Button } from "primereact/button";
+import * as React from "react";
+import { Check, ChevronsUpDown, Plus, X } from "lucide-react";
 import { useEditContext } from "../client/editContext";
 import { getCreateAndSwitchToNewVersionCommand } from "../commands/createVersionCommand";
 import { getDeleteVersionCommand } from "../commands/deleteVersionCommand";
+import { cn } from "../../lib/utils";
+import { Button } from "../../components/ui/button";
+import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList, CommandSeparator, } from "../../components/ui/command";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
 export function VersionSelector({ itemDescriptor, actualVersion, onVersionSelected, readOnly, darkMode, versions, }) {
+    const [open, setOpen] = React.useState(false);
     const editContext = useEditContext();
-    const overlaypanel = useRef(null);
     if (itemDescriptor == null)
         return;
     const getVersionLabel = () => {
         if (versions.length === 0)
             return "No versions";
         if (itemDescriptor.version === 0)
-            return "Latest" + (actualVersion ? " (" + actualVersion + ")" : "");
-        return itemDescriptor.version;
+            return ("Latest version" + (actualVersion ? " (" + actualVersion + ")" : ""));
+        return "Version (" + itemDescriptor.version + ")";
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "version-selector", className: `flex cursor-pointer items-center gap-3 p-[7px] py-[5px] text-sm ${darkMode
-                    ? "text-gray-500 hover:bg-gray-200"
-                    : "text-gray-200 hover:bg-gray-500"} a rounded-md`, onClick: (ev) => overlaypanel.current?.toggle(ev, ev.currentTarget), children: [_jsx("div", { className: "flex gap-2", children: getVersionLabel() }), _jsx("div", { className: `p-dropdown-trigger ${darkMode ? "text-gray-500" : "text-gray-200"}`, role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-label": "Select a version", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsxs(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: [_jsx("div", { className: "flex max-h-[50vh] min-w-20 flex-col", children: _jsx("div", { className: "flex-1 overflow-auto", children: _jsxs("div", { className: "flex flex-col text-sm", children: [versions.length === 0 && _jsx("div", { className: "p-2", children: "No versions" }), versions.length > 0 && (_jsx("div", { className: "flex cursor-pointer gap-2 p-2 hover:bg-gray-200", onClick: () => {
-                                            onVersionSelected(0);
-                                            overlaypanel.current?.hide();
-                                        }, children: "Latest" }, "latest")), versions.map((x) => (_jsxs("div", { className: "flex cursor-pointer gap-2 p-2 hover:bg-gray-200", onClick: () => {
-                                            onVersionSelected(x.version);
-                                            overlaypanel.current?.hide();
-                                        }, children: [itemDescriptor.version === x.version && (_jsx("i", { className: "pi pi-check", style: { fontSize: "1rem" } })), " ", x.version] }, x.version)))] }) }) }), !readOnly && (_jsxs("div", { className: "flex flex-col border-t p-2", children: [_jsxs("div", { className: "mb-2 flex items-center gap-1 text-xs text-gray-500", children: [_jsx(ArrowDownIcon, {}), " Actions"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { text: true, size: "small", icon: "pi pi-plus", label: "Add Version", onClick: async (ev) => {
-                                            await editContext?.executeCommand({
-                                                command: getCreateAndSwitchToNewVersionCommand({}),
-                                                event: ev,
-                                            });
-                                            overlaypanel.current?.hide();
-                                            onVersionSelected(0);
-                                        } }), _jsx(Button, { text: true, size: "small", icon: "pi pi-times", label: "Delete Version", severity: "danger", disabled: versions.length === 0, onClick: async (ev) => {
-                                            editContext;
-                                            await editContext?.executeCommand({
-                                                command: getDeleteVersionCommand({}),
-                                                event: ev,
-                                            });
-                                            overlaypanel.current?.hide();
-                                            onVersionSelected(0);
-                                        } }), " "] })] }))] })] }));
+    const selectVersion = async (version) => {
+        onVersionSelected(version);
+        setOpen(false);
+    };
+    const handleCreateVersion = async () => {
+        await editContext?.executeCommand({
+            command: getCreateAndSwitchToNewVersionCommand({}),
+            event: new Event("click"),
+        });
+        setOpen(false);
+        onVersionSelected(0);
+    };
+    const handleDeleteVersion = async () => {
+        await editContext?.executeCommand({
+            command: getDeleteVersionCommand({}),
+            event: new Event("click"),
+        });
+        setOpen(false);
+        onVersionSelected(0);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: cn("text-dark border-gray-3 flex h-8 w-auto min-w-[120px] cursor-pointer items-center justify-between gap-3 rounded-md border p-[7px] py-[11px] text-xs font-medium hover:bg-gray-50"), "data-testid": "version-selector", children: [_jsx("div", { className: "flex gap-2", children: getVersionLabel() }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-64 p-0", align: "start", children: _jsx(Command, { children: _jsxs(CommandList, { className: "max-h-[50vh]", children: [_jsx(CommandEmpty, { children: "No versions available" }), _jsxs(CommandGroup, { children: [versions.length > 0 && (_jsxs(CommandItem, { value: "latest", onSelect: () => selectVersion(0), className: "flex items-center gap-2 px-2 py-2 text-xs", children: [_jsx("span", { className: "flex-1", children: "Latest" }), _jsx(Check, { className: cn("h-4 w-4", itemDescriptor.version === 0
+                                                    ? "opacity-100"
+                                                    : "opacity-0") })] }, "latest")), versions.map((x) => (_jsxs(CommandItem, { value: x.version.toString(), onSelect: () => selectVersion(x.version), className: "flex items-center gap-2 px-2 py-2 text-xs", children: [_jsxs("span", { className: "flex-1", children: ["Version ", x.version] }), _jsx(Check, { className: cn("h-4 w-4", itemDescriptor.version === x.version
+                                                    ? "opacity-100"
+                                                    : "opacity-0") })] }, x.version)))] }), !readOnly && (_jsxs(_Fragment, { children: [_jsx(CommandSeparator, {}), _jsxs(CommandGroup, { children: [_jsxs(CommandItem, { onSelect: handleCreateVersion, className: "flex items-center gap-2 px-2 py-2", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Version" })] }), _jsxs(CommandItem, { onSelect: handleDeleteVersion, disabled: versions.length === 0, className: cn("flex items-center gap-2 px-2 py-2", versions.length === 0
+                                                    ? "cursor-not-allowed opacity-50"
+                                                    : "text-red-600 hover:text-red-700"), children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { children: "Delete Version" })] })] })] }))] }) }) })] }));
 }
 //# sourceMappingURL=VersionSelector.js.map

package/dist/editor/menubar/VersionSelector.js.map

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

package/dist/editor/menubar/WorkflowButton.d.ts

@@ -0,0 +1 @@
+export declare function WorkflowButton(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/menubar/WorkflowButton.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { Button } from "../../components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../components/ui/dropdown-menu";
+export function WorkflowButton() {
+    const editContext = useEditContext();
+    if (!editContext?.currentItemDescriptor)
+        return null;
+    // Find the current item in workboxItems to get its workflow commands
+    const currentWorkboxItem = editContext.workboxItems?.find((item) => item.item.id === editContext.currentItemDescriptor?.id &&
+        item.item.language === editContext.currentItemDescriptor?.language &&
+        item.item.version === editContext.currentItemDescriptor?.version);
+    const workflowCommands = currentWorkboxItem?.workflowCommands || [];
+    // If no workflow commands, show simple publish button
+    if (workflowCommands.length === 0) {
+        return (_jsx(Button, { size: "sm", onClick: () => {
+                const publishView = editContext?.configuration.editor.views.find((x) => x.name === "publish");
+                if (publishView)
+                    editContext?.switchView(publishView.name);
+            }, children: "Publish" }));
+    }
+    // If only one workflow command, show it as a simple button
+    if (workflowCommands.length === 1) {
+        const command = workflowCommands[0];
+        if (!command)
+            return null;
+        return (_jsx(Button, { size: "sm", onClick: () => {
+                editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
+            }, children: command.name }));
+    }
+    // Multiple workflow commands - show as dropdown
+    const firstCommand = workflowCommands[0];
+    if (!firstCommand)
+        return null;
+    return (_jsxs("div", { className: "flex", children: [_jsx(Button, { size: "sm", onClick: () => {
+                    editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, firstCommand.id);
+                }, children: firstCommand.name }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", className: "ml-0.5 px-2", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }), _jsx(DropdownMenuContent, { children: workflowCommands.map((command) => (_jsx(DropdownMenuItem, { onClick: () => {
+                                editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
+                            }, children: command.name }, command.id))) })] })] }));
+}
+//# sourceMappingURL=WorkflowButton.js.map

package/dist/editor/menubar/WorkflowButton.js.map

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

package/dist/editor/page-editor-chrome/FrameMenu.js

@@ -179,7 +179,7 @@ export function FrameMenu({ component, compareView, pageViewContext, }) {
         shared: "border-orange-400",
         readonly: "border-gray-400",
         layout: "border-purple-400",
-        default: "border-sky-400",
+        default: "border-component-blue",
         nonMovable: "border-red-400",
         suggestions: "border-teal-400",
     };
@@ -187,7 +187,7 @@ export function FrameMenu({ component, compareView, pageViewContext, }) {
         shared: "bg-orange-400",
         readonly: "bg-gray-400",
         layout: "bg-purple-400",
-        default: "bg-sky-400",
+        default: "bg-component-blue",
         nonMovable: "bg-red-400",
         suggestions: "bg-teal-400",
     };
@@ -200,15 +200,15 @@ export function FrameMenu({ component, compareView, pageViewContext, }) {
     const isMultiSelected = editContext.selection.length > 1;
     if (!componentRect)
         return null;
-    return (_jsx(_Fragment, { children: _jsx("div", { className: cn("pointer-events-none absolute inset-0 rounded-b-sm border-2", colorVariants[color], "tour-frame-menu opacity-50 hover:opacity-100", !isMultiSelected && isHeaderWiderThanComponent && "border-t-0", !isMultiSelected && !isHeaderWiderThanComponent && "rounded-tl-sm", isMultiSelected && "rounded-t-sm"), style: {
+    return (_jsx(_Fragment, { children: _jsx("div", { className: cn("pointer-events-none absolute inset-0 rounded-b-sm border-2", colorVariants[color], "tour-frame-menu opacity-70 hover:opacity-100", !isMultiSelected && isHeaderWiderThanComponent && "border-t-0", !isMultiSelected && !isHeaderWiderThanComponent && "rounded-tl-sm", isMultiSelected && "rounded-t-sm"), style: {
                 left: componentRect.x,
                 top: componentRect.y,
                 width: componentRect.width,
                 height: componentRect.height,
                 zIndex: 8,
             }, "data-testid": "frame-menu", children: !isMultiSelected && (_jsxs("div", { ref: headerRef, className: `editframe-menu pointer-events-auto absolute z-1000 flex items-center pr-4 text-base text-white ${bgColorVariants[color]} ` +
-                    (componentRect.y - 36 < 0 ? "rounded-bl-lg" : "rounded-t-lg") +
-                    (isHeaderWiderThanComponent ? " rounded-bl-lg" : ""), style: {
+                    (componentRect.y - 36 < 0 ? "rounded-bl" : "rounded-t") +
+                    (isHeaderWiderThanComponent ? " rounded-bl" : ""), style: {
                     right: "-2px",
                     top: componentRect.y - 36 < 0 ? "0" : undefined,
                     bottom: componentRect.y - 36 >= 0

package/dist/editor/page-editor-chrome/FrameMenu.js.map

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

package/dist/editor/page-editor-chrome/SuggestionHighlightings.js

@@ -6,11 +6,11 @@ export function SuggestionHighlightings({ scale, iframe, }) {
     const editContext = useEditContext();
     const [suggestions, setSuggestions] = useState([]);
     useEffect(() => {
-        setSuggestions(editContext?.suggestedEdits.filter((x) => x.status === "Pending") || []);
+        setSuggestions(editContext?.suggestedEdits.filter((x) => x.status === "pending") || []);
     }, [editContext?.comments, editContext?.suggestedEdits]);
     return (_jsx(_Fragment, { children: editContext?.showSuggestedEdits &&
             suggestions
-                .filter((x) => x.status !== "approved" && x.status !== "rejected")
+                .filter((x) => x.status !== "applied" && x.status !== "rejected")
                 .map((suggestion) => (_jsx(SuggestionHighlighting, { iframe: iframe, scale: scale, suggestion: suggestion }, suggestion.id))) }));
 }
 //# sourceMappingURL=SuggestionHighlightings.js.map

package/dist/editor/page-editor-chrome/SuggestionHighlightings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/SuggestionHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CACZ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,CACxE,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,WAAW,EAAE,kBAAkB;YAC9B,WAAW;iBACR,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC;iBACjE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,UAAU,EAAE,UAAU,IADjB,UAAU,CAAC,EAAE,CAElB,CACH,CAAC,GACL,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SuggestionHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/SuggestionHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CACZ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,CACxE,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,WAAW,EAAE,kBAAkB;YAC9B,WAAW;iBACR,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC;iBAChE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,UAAU,EAAE,UAAU,IADjB,UAAU,CAAC,EAAE,CAElB,CACH,CAAC,GACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/page-viewer/EditorForm.d.ts

@@ -1,6 +1,7 @@
 import { PageViewContext } from "./pageViewContext";
-export declare function EditorForm({ pageViewContext, readonly, compareView, }: {
+export declare function EditorForm({ pageViewContext, readonly, compareView, onCollapse, }: {
     pageViewContext?: PageViewContext;
     readonly?: boolean;
     compareView: boolean;
+    onCollapse?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-viewer/EditorForm.js

@@ -8,64 +8,67 @@ import { useEffect, useState } from "react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { Spinner } from "../ui/Spinner";
 import { SimpleTabs } from "../ui/SimpleTabs";
-export function EditorForm({ pageViewContext, readonly, compareView, }) {
+import { ChevronLeft, X } from "lucide-react";
+export function EditorForm({ pageViewContext, readonly, compareView, onCollapse, }) {
     const editContext = useEditContext();
     if (!pageViewContext)
         pageViewContext = editContext.pageView;
-    const setInsertMode = editContext.setInsertMode;
     const insertMode = editContext.insertMode && editContext.mode === "edit" && !compareView;
     const [activeTabKey, setActiveTabKey] = useState("content");
     const [item, setItem] = useState();
     const [component, setComponent] = useState();
     const [fullItem, setFullItem] = useState();
-    const toggleInsertMode = () => {
-        if (insertMode) {
-            setInsertMode(false);
-        }
-        else {
-            setInsertMode(true);
-        }
-    };
+    const [hasDatasource, setHasDatasource] = useState(true);
     useEffect(() => {
         async function loadFullItem() {
-            if (!item)
+            if (!item || !hasDatasource)
                 return;
             const fullItem = await editContext.itemsRepository.getItem(item);
             setFullItem(fullItem);
         }
         loadFullItem();
-    }, [item]);
-    useEffect(() => {
-        if (editContext.selectedForInsertion)
-            setInsertMode(true);
-    }, [editContext.selectedForInsertion]);
+    }, [item, hasDatasource]);
     let isShared = false;
     useEffect(() => {
         if (!pageViewContext.page) {
             setComponent(undefined);
             setItem(undefined);
+            setHasDatasource(true);
             return;
         }
         let newSelectedItem;
+        let selectedComponent;
         if (editContext.selection.length === 1) {
-            const component = getComponentById(editContext.selection[0], pageViewContext.page);
-            setComponent(component);
-            newSelectedItem = component?.datasourceItem;
-            if (component?.datasourceItem &&
-                component?.datasourceItem?.id !== component?.id)
+            selectedComponent = getComponentById(editContext.selection[0], pageViewContext.page);
+            setComponent(selectedComponent);
+            newSelectedItem = selectedComponent?.datasourceItem;
+            if (selectedComponent?.datasourceItem &&
+                selectedComponent?.datasourceItem?.id !== selectedComponent?.id)
                 isShared = true;
         }
         else {
             newSelectedItem = pageViewContext.page.rootComponent.datasourceItem;
-            setComponent(pageViewContext.page.rootComponent);
+            selectedComponent = pageViewContext.page.rootComponent;
+            setComponent(selectedComponent);
+        }
+        // Check if we have a datasource item
+        const hasItemDatasource = !!newSelectedItem;
+        setHasDatasource(hasItemDatasource);
+        if (hasItemDatasource) {
+            setItem(newSelectedItem);
+        }
+        else {
+            // No datasource item, clear the item state
+            setItem(undefined);
+            setFullItem(undefined);
         }
-        setItem(newSelectedItem || pageViewContext.page.rootComponent.datasourceItem);
     }, [
         editContext.selection,
         pageViewContext.page,
         pageViewContext.pageItemDescriptor,
     ]);
-    if (!fullItem || !item)
+    // Show spinner only when we have a datasource but haven't loaded the full item yet
+    if (hasDatasource && (!fullItem || !item))
         return (_jsx("div", { className: "grid h-full w-full items-center justify-center", children: _jsx(Spinner, {}) }));
     const validators = editContext.validationResult?.find((x) => x.item.id === item?.id &&
         x.item.language === item?.language &&
@@ -83,23 +86,27 @@ export function EditorForm({ pageViewContext, readonly, compareView, }) {
         });
     }
     const itemFields = [];
-    const contentFields = Object.values(fullItem?.fields || []).filter((x) => ((editorFields && editorFields["Content"]?.addFields.includes(x.name)) ||
-        item.renderedFieldIds.indexOf(x.id) >= 0) &&
-        !(editorFields && editorFields["Content"]?.removeFields.includes(x.name)));
-    if (contentFields.length > 0)
-        itemFields.push({ fields: contentFields });
-    component?.items
-        .filter((x) => x.id !== item.id)
-        .forEach((i) => {
-        const fields = [];
-        i.renderedFieldIds.forEach((id) => {
-            const field = Object.values(fullItem?.fields || []).find((x) => x.id === id);
-            if (field)
-                fields.push(field);
+    if (item) {
+        const contentFields = Object.values(fullItem?.fields || []).filter((x) => ((editorFields &&
+            editorFields["Content"]?.addFields.includes(x.name)) ||
+            item.renderedFieldIds.indexOf(x.id) >= 0) &&
+            !(editorFields &&
+                editorFields["Content"]?.removeFields.includes(x.name)));
+        if (contentFields.length > 0)
+            itemFields.push({ fields: contentFields });
+        component?.items
+            .filter((x) => x.id !== item.id)
+            .forEach((i) => {
+            const fields = [];
+            i.renderedFieldIds.forEach((id) => {
+                const field = Object.values(fullItem?.fields || []).find((x) => x.id === id);
+                if (field)
+                    fields.push(field);
+            });
+            if (fields.length > 0)
+                itemFields.push({ headline: i.name, fields });
         });
-        if (fields.length > 0)
-            itemFields.push({ headline: i.name, fields });
-    });
+    }
     const getFieldsTab = (fields, headline, id) => {
         return {
             label: headline,
@@ -122,14 +129,19 @@ export function EditorForm({ pageViewContext, readonly, compareView, }) {
     }
     if (designFields?.length)
         tabPanels.push(getFieldsTab([{ fields: designFields }], "Design", "design"));
-    tabPanels.push({
-        label: "Advanced",
-        content: (_jsx("div", { className: "relative h-full", children: _jsxs("div", { className: "absolute inset-0 overflow-auto", children: [_jsx(ItemInfo, { item: fullItem }), _jsx(FieldList, { fields: [{ fields: fullItem?.fields || [] }], validators: validators, showStandardFieldsEnabled: true, readonly: readonly })] }) })),
-        id: "advanced",
-    });
-    return (_jsxs("div", { className: "flex h-full flex-col bg-gray-50", "data-testid": "editor-sidepanel", children: [_jsxs("h1", { className: "flex h-12 items-center justify-center border-b border-gray-200 p-2", children: [component && component !== pageViewContext.page?.rootComponent && (_jsx(SimpleIconButton, { icon: "pi pi-angle-left", onClick: () => editContext.select([]), label: "Back to page", size: "large" })), editContext.selection.length === 0 && _jsx("div", { className: "w-12" }), _jsxs("div", { className: "flex-1 text-center text-gray-800", id: "item-name", "data-testid": "component-name", children: [item?.name, isShared && (_jsx("span", { className: "ml-2 rounded-md bg-orange-400 p-2 text-sm text-black", children: "Shared" }))] }), _jsx(SimpleIconButton, { id: "insert-component-button", icon: insertMode ? "pi pi-pencil" : "pi pi-plus", onClick: () => toggleInsertMode(), label: insertMode ? "Continue editing" : "Insert component", size: "large", disabled: !editContext.page?.item.canWriteItem ||
-                            !fullItem?.canWriteItem ||
-                            editContext.mode !== "edit" ||
-                            compareView })] }), insertMode && _jsx(Insert, {}), !insertMode && (_jsx(SimpleTabs, { tabs: tabPanels, className: "flex flex-1 items-center justify-center border-b border-gray-200 bg-gray-50 py-2.5 text-sm", activeTab: tabPanels.findIndex((x) => x.id === activeTabKey) || 0, setActiveTab: (index) => setActiveTabKey(tabPanels[index]?.id) }, "editor-tabs"))] }));
+    if (hasDatasource)
+        tabPanels.push({
+            label: "Advanced",
+            content: (_jsx("div", { className: "relative h-full", children: _jsxs("div", { className: "absolute inset-0 overflow-auto", children: [fullItem && _jsx(ItemInfo, { item: fullItem }), _jsx(FieldList, { fields: [{ fields: fullItem?.fields || [] }], validators: validators, showStandardFieldsEnabled: true, readonly: readonly })] }) })),
+            id: "advanced",
+        });
+    return (_jsxs("div", { className: "flex h-full flex-col", "data-testid": "editor-sidepanel", children: [_jsxs("h1", { className: "border-gray-3 flex h-12 items-center justify-center border-b p-2", children: [component && component !== pageViewContext.page?.rootComponent && (_jsx(SimpleIconButton, { icon: _jsx(ChevronLeft, { className: "h-6 w-6", strokeWidth: 1 }), onClick: () => editContext.select([]), label: "Back to page", size: "large" })), editContext.selection.length === 0 && _jsx("div", { className: "w-12" }), _jsxs("div", { className: "text-dark flex-1 text-center text-sm font-medium", id: "item-name", "data-testid": "component-name", children: [insertMode ? "Add Component" : component?.name, !insertMode && isShared && (_jsx("span", { className: "ml-2 rounded-md bg-orange-400 p-2 text-sm text-black", children: "Shared" }))] }), _jsx(SimpleIconButton, { icon: _jsx(X, { className: "h-6 w-6 p-1", strokeWidth: 1 }), onClick: () => {
+                            if (insertMode) {
+                                editContext.setInsertMode(false);
+                            }
+                            else {
+                                onCollapse?.();
+                            }
+                        }, label: "Close", size: "large" })] }), insertMode && _jsx(Insert, {}), !insertMode && (_jsx("div", { className: "flex flex-1 flex-col", children: _jsx(SimpleTabs, { tabs: tabPanels, className: "flex flex-1 items-center justify-center border-b border-gray-200 pt-4 text-xs", activeTab: tabPanels.findIndex((x) => x.id === activeTabKey) || 0, setActiveTab: (index) => setActiveTabKey(tabPanels[index]?.id) }, "editor-tabs") }))] }));
 }
 //# sourceMappingURL=EditorForm.js.map