@alpaca-editor/core 1.0.3813 → 1.0.3817
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/ui/context-menu.d.ts +25 -0
- package/dist/components/ui/context-menu.js +51 -0
- package/dist/components/ui/context-menu.js.map +1 -0
- package/dist/config/config.js +4 -3
- package/dist/config/config.js.map +1 -1
- package/dist/config/types.d.ts +4 -2
- package/dist/editor/ComponentInfo.js +1 -1
- package/dist/editor/ComponentInfo.js.map +1 -1
- package/dist/editor/ConfirmationDialog.d.ts +1 -1
- package/dist/editor/ContextMenu.d.ts +1 -1
- package/dist/editor/ContextMenu.js +24 -9
- package/dist/editor/ContextMenu.js.map +1 -1
- package/dist/editor/EditorWarnings.js +1 -1
- package/dist/editor/EditorWarnings.js.map +1 -1
- package/dist/editor/FieldList.js +1 -1
- package/dist/editor/FieldList.js.map +1 -1
- package/dist/editor/FieldListFieldWithFallbacks.js +3 -3
- package/dist/editor/FieldListFieldWithFallbacks.js.map +1 -1
- package/dist/editor/ImageEditor.js +2 -2
- package/dist/editor/ImageEditor.js.map +1 -1
- package/dist/editor/ItemInfo.js +2 -2
- package/dist/editor/ItemInfo.js.map +1 -1
- package/dist/editor/MainLayout.js +3 -3
- package/dist/editor/MainLayout.js.map +1 -1
- package/dist/editor/Titlebar.js +1 -1
- package/dist/editor/Titlebar.js.map +1 -1
- package/dist/editor/ai/AiTerminal.js +19 -12
- package/dist/editor/ai/AiTerminal.js.map +1 -1
- package/dist/editor/client/EditorClient.js +90 -35
- package/dist/editor/client/EditorClient.js.map +1 -1
- package/dist/editor/client/editContext.d.ts +10 -4
- package/dist/editor/client/editContext.js.map +1 -1
- package/dist/editor/client/operations.d.ts +5 -1
- package/dist/editor/client/operations.js +112 -17
- package/dist/editor/client/operations.js.map +1 -1
- package/dist/editor/client/pageModelBuilder.js +8 -5
- package/dist/editor/client/pageModelBuilder.js.map +1 -1
- package/dist/editor/commands/componentCommands.js +15 -13
- package/dist/editor/commands/componentCommands.js.map +1 -1
- package/dist/editor/component-designer/ComponentDesigner.js +1 -1
- package/dist/editor/component-designer/ComponentDesigner.js.map +1 -1
- package/dist/editor/componentTreeHelper.js +3 -3
- package/dist/editor/componentTreeHelper.js.map +1 -1
- package/dist/editor/control-center/ControlCenterMenu.js +3 -3
- package/dist/editor/control-center/ControlCenterMenu.js.map +1 -1
- package/dist/editor/field-types/TreeListEditor.js +4 -4
- package/dist/editor/field-types/TreeListEditor.js.map +1 -1
- package/dist/editor/menubar/LanguageSelector.js +3 -3
- package/dist/editor/menubar/LanguageSelector.js.map +1 -1
- package/dist/editor/menubar/PageSelector.js +1 -1
- package/dist/editor/menubar/PageSelector.js.map +1 -1
- package/dist/editor/menubar/PageViewerControls.js +12 -7
- package/dist/editor/menubar/PageViewerControls.js.map +1 -1
- package/dist/editor/menubar/Separator.js +1 -1
- package/dist/editor/menubar/VersionSelector.js +1 -1
- package/dist/editor/menubar/VersionSelector.js.map +1 -1
- package/dist/editor/page-editor-chrome/FrameMenu.d.ts +2 -2
- package/dist/editor/page-editor-chrome/FrameMenu.js +66 -22
- package/dist/editor/page-editor-chrome/FrameMenu.js.map +1 -1
- package/dist/editor/page-editor-chrome/FrameMenus.d.ts +2 -2
- package/dist/editor/page-editor-chrome/FrameMenus.js +2 -2
- package/dist/editor/page-editor-chrome/FrameMenus.js.map +1 -1
- package/dist/editor/page-editor-chrome/InlineEditor.d.ts +2 -2
- package/dist/editor/page-editor-chrome/InlineEditor.js +175 -17
- package/dist/editor/page-editor-chrome/InlineEditor.js.map +1 -1
- package/dist/editor/page-editor-chrome/PageEditorChrome.d.ts +2 -2
- package/dist/editor/page-editor-chrome/PageEditorChrome.js +2 -2
- package/dist/editor/page-editor-chrome/PageEditorChrome.js.map +1 -1
- package/dist/editor/page-editor-chrome/PlaceholderDropZone.js +5 -5
- package/dist/editor/page-editor-chrome/PlaceholderDropZone.js.map +1 -1
- package/dist/editor/page-editor-chrome/PlaceholderDropZones.js +114 -45
- package/dist/editor/page-editor-chrome/PlaceholderDropZones.js.map +1 -1
- package/dist/editor/page-viewer/EditorForm.d.ts +2 -1
- package/dist/editor/page-viewer/EditorForm.js +9 -8
- package/dist/editor/page-viewer/EditorForm.js.map +1 -1
- package/dist/editor/page-viewer/MiniMap.d.ts +2 -2
- package/dist/editor/page-viewer/MiniMap.js +2 -2
- package/dist/editor/page-viewer/MiniMap.js.map +1 -1
- package/dist/editor/page-viewer/PageViewer.d.ts +2 -2
- package/dist/editor/page-viewer/PageViewer.js +3 -3
- package/dist/editor/page-viewer/PageViewer.js.map +1 -1
- package/dist/editor/page-viewer/PageViewerFrame.d.ts +2 -3
- package/dist/editor/page-viewer/PageViewerFrame.js +127 -223
- package/dist/editor/page-viewer/PageViewerFrame.js.map +1 -1
- package/dist/editor/page-viewer/pageModelBuilder.d.ts +3 -0
- package/dist/editor/page-viewer/pageModelBuilder.js +299 -0
- package/dist/editor/page-viewer/pageModelBuilder.js.map +1 -0
- package/dist/editor/pageModel.d.ts +5 -0
- package/dist/editor/reviews/Comments.d.ts +2 -0
- package/dist/editor/reviews/Comments.js +26 -9
- package/dist/editor/reviews/Comments.js.map +1 -1
- package/dist/editor/reviews/DiffView.d.ts +17 -0
- package/dist/editor/reviews/DiffView.js +57 -0
- package/dist/editor/reviews/DiffView.js.map +1 -0
- package/dist/editor/reviews/SuggestedEdit.d.ts +4 -0
- package/dist/editor/reviews/SuggestedEdit.js +180 -0
- package/dist/editor/reviews/SuggestedEdit.js.map +1 -0
- package/dist/editor/services/suggestedEditsService.d.ts +17 -0
- package/dist/editor/services/suggestedEditsService.js +26 -0
- package/dist/editor/services/suggestedEditsService.js.map +1 -0
- package/dist/editor/sidebar/ComponentPalette.js +30 -30
- package/dist/editor/sidebar/ComponentPalette.js.map +1 -1
- package/dist/editor/sidebar/ComponentTree.js +7 -6
- package/dist/editor/sidebar/ComponentTree.js.map +1 -1
- package/dist/editor/sidebar/MainContentTree.js +1 -1
- package/dist/editor/sidebar/MainContentTree.js.map +1 -1
- package/dist/editor/sidebar/SidebarView.js +3 -3
- package/dist/editor/sidebar/SidebarView.js.map +1 -1
- package/dist/editor/ui/CopyToClipboardButton.js +2 -1
- package/dist/editor/ui/CopyToClipboardButton.js.map +1 -1
- package/dist/editor/ui/Icons.d.ts +0 -1
- package/dist/editor/ui/Icons.js +0 -3
- package/dist/editor/ui/Icons.js.map +1 -1
- package/dist/editor/ui/PerfectTree.js +3 -3
- package/dist/editor/ui/PerfectTree.js.map +1 -1
- package/dist/editor/ui/Section.js +1 -1
- package/dist/editor/ui/Section.js.map +1 -1
- package/dist/editor/ui/SimpleIconButton.js +3 -1
- package/dist/editor/ui/SimpleIconButton.js.map +1 -1
- package/dist/editor/ui/SimpleMenu.d.ts +1 -8
- package/dist/editor/ui/SimpleMenu.js +1 -1
- package/dist/editor/ui/SimpleMenu.js.map +1 -1
- package/dist/editor/utils.d.ts +2 -2
- package/dist/editor/utils.js +57 -9
- package/dist/editor/utils.js.map +1 -1
- package/dist/editor/views/CompareView.js +4 -13
- package/dist/editor/views/CompareView.js.map +1 -1
- package/dist/editor/views/EditView.js +2 -2
- package/dist/editor/views/EditView.js.map +1 -1
- package/dist/editor/views/SingleEditView.d.ts +2 -2
- package/dist/editor/views/SingleEditView.js +2 -2
- package/dist/editor/views/SingleEditView.js.map +1 -1
- package/dist/lib/safelist.js +1 -1
- package/dist/lib/safelist.js.map +1 -1
- package/dist/page-wizard/steps/BuildPageStep.js +2 -2
- package/dist/page-wizard/steps/BuildPageStep.js.map +1 -1
- package/dist/page-wizard/steps/CreatePageAndLayoutStep.js +2 -2
- package/dist/page-wizard/steps/CreatePageAndLayoutStep.js.map +1 -1
- package/dist/splash-screen/SplashScreen.js +0 -1
- package/dist/splash-screen/SplashScreen.js.map +1 -1
- package/dist/styles.css +275 -58
- package/dist/types.d.ts +20 -2
- package/package.json +6 -2
- package/src/components/ui/context-menu.tsx +250 -0
- package/src/config/config.tsx +4 -4
- package/src/config/types.ts +4 -2
- package/src/editor/ComponentInfo.tsx +3 -5
- package/src/editor/ConfirmationDialog.tsx +1 -1
- package/src/editor/ContextMenu.tsx +68 -19
- package/src/editor/EditorWarnings.tsx +2 -2
- package/src/editor/FieldList.tsx +6 -6
- package/src/editor/FieldListFieldWithFallbacks.tsx +9 -9
- package/src/editor/ImageEditor.tsx +2 -2
- package/src/editor/ItemInfo.tsx +4 -4
- package/src/editor/MainLayout.tsx +3 -4
- package/src/editor/Titlebar.tsx +4 -4
- package/src/editor/ai/AiTerminal.tsx +31 -24
- package/src/editor/client/EditorClient.tsx +106 -57
- package/src/editor/client/editContext.ts +13 -4
- package/src/editor/client/operations.ts +162 -23
- package/src/editor/client/pageModelBuilder.ts +26 -18
- package/src/editor/commands/componentCommands.tsx +58 -39
- package/src/editor/component-designer/ComponentDesigner.tsx +1 -1
- package/src/editor/componentTreeHelper.tsx +3 -2
- package/src/editor/control-center/ControlCenterMenu.tsx +4 -4
- package/src/editor/field-types/TreeListEditor.tsx +11 -11
- package/src/editor/menubar/LanguageSelector.tsx +6 -6
- package/src/editor/menubar/PageSelector.tsx +11 -11
- package/src/editor/menubar/PageViewerControls.tsx +49 -23
- package/src/editor/menubar/Separator.tsx +2 -2
- package/src/editor/menubar/VersionSelector.tsx +1 -1
- package/src/editor/page-editor-chrome/FrameMenu.tsx +94 -29
- package/src/editor/page-editor-chrome/FrameMenus.tsx +6 -6
- package/src/editor/page-editor-chrome/InlineEditor.tsx +237 -26
- package/src/editor/page-editor-chrome/PageEditorChrome.tsx +11 -14
- package/src/editor/page-editor-chrome/PlaceholderDropZone.tsx +12 -15
- package/src/editor/page-editor-chrome/PlaceholderDropZones.tsx +159 -68
- package/src/editor/page-viewer/EditorForm.tsx +15 -9
- package/src/editor/page-viewer/MiniMap.tsx +4 -4
- package/src/editor/page-viewer/PageViewer.tsx +6 -6
- package/src/editor/page-viewer/PageViewerFrame.tsx +146 -309
- package/src/editor/page-viewer/pageModelBuilder.ts +412 -0
- package/src/editor/pageModel.ts +5 -0
- package/src/editor/reviews/Comments.tsx +56 -15
- package/src/editor/reviews/DiffView.tsx +109 -0
- package/src/editor/reviews/SuggestedEdit.tsx +316 -0
- package/src/editor/services/suggestedEditsService.ts +39 -0
- package/src/editor/sidebar/ComponentPalette.tsx +108 -106
- package/src/editor/sidebar/ComponentTree.tsx +10 -5
- package/src/editor/sidebar/MainContentTree.tsx +1 -1
- package/src/editor/sidebar/SidebarView.tsx +9 -9
- package/src/editor/ui/CopyToClipboardButton.tsx +2 -1
- package/src/editor/ui/Icons.tsx +0 -18
- package/src/editor/ui/PerfectTree.tsx +5 -5
- package/src/editor/ui/Section.tsx +4 -4
- package/src/editor/ui/SimpleIconButton.tsx +5 -3
- package/src/editor/ui/SimpleMenu.tsx +5 -13
- package/src/editor/utils.ts +74 -17
- package/src/editor/views/CompareView.tsx +13 -24
- package/src/editor/views/EditView.tsx +2 -2
- package/src/editor/views/SingleEditView.tsx +3 -3
- package/src/lib/safelist.tsx +4 -0
- package/src/page-wizard/steps/BuildPageStep.tsx +18 -25
- package/src/page-wizard/steps/CreatePageAndLayoutStep.tsx +16 -18
- package/src/splash-screen/SplashScreen.tsx +0 -1
- package/src/types.ts +20 -3
- package/styles.css +58 -17
|
@@ -29,11 +29,11 @@ export function ControlCenterMenu() {
|
|
|
29
29
|
}, [activeItemKey]);
|
|
30
30
|
const items = config?.controlCenter.groups.map((group) => {
|
|
31
31
|
return {
|
|
32
|
-
|
|
32
|
+
id: group.title,
|
|
33
33
|
label: group.title,
|
|
34
34
|
icon: group.icon,
|
|
35
35
|
items: group.panels.map((panel) => ({
|
|
36
|
-
|
|
36
|
+
id: panel.id,
|
|
37
37
|
label: panel.title,
|
|
38
38
|
})) || [],
|
|
39
39
|
};
|
|
@@ -51,7 +51,7 @@ export function ControlCenterMenu() {
|
|
|
51
51
|
return null;
|
|
52
52
|
}
|
|
53
53
|
return (_jsx(SimpleMenu, { items: items, activeItemKey: activeItemKey, onItemClick: (item) => {
|
|
54
|
-
setActiveItemKey(item.
|
|
54
|
+
setActiveItemKey(item.id);
|
|
55
55
|
} }));
|
|
56
56
|
}
|
|
57
57
|
//# sourceMappingURL=ControlCenterMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlCenterMenu.js","sourceRoot":"","sources":["../../../src/editor/control-center/ControlCenterMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,MAAM,UAAU,iBAAiB;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,EAAE,aAAa,CAAC;IAC1C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,gBAAgB,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,CAAC,GAAkB,EAAE,EAAE;QACvC,IAAI,gBAAgB,KAAK,GAAG;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAExE,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACvD,OAAO;YACL,
|
|
1
|
+
{"version":3,"file":"ControlCenterMenu.js","sourceRoot":"","sources":["../../../src/editor/control-center/ControlCenterMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -94,7 +94,7 @@ export default function TreeListEditor({ field, readOnly, }) {
|
|
|
94
94
|
refresh: "waitForQuietPeriod",
|
|
95
95
|
});
|
|
96
96
|
}
|
|
97
|
-
return (_jsxs("div", { className: "
|
|
97
|
+
return (_jsxs("div", { className: "focus-shadow border border-gray-200", children: [_jsx("div", { className: "mb-1 border-b border-gray-200 bg-white p-2", children: _jsx(ItemSearch, { rootItemIds: rootItemIds.map((x) => normalizeGuid(x)), itemSelected: async (item) => {
|
|
98
98
|
addToList([
|
|
99
99
|
{
|
|
100
100
|
id: item.id,
|
|
@@ -113,18 +113,18 @@ export default function TreeListEditor({ field, readOnly, }) {
|
|
|
113
113
|
? [hoveredItemId]
|
|
114
114
|
: [], onSelectionChange: (e) => {
|
|
115
115
|
setSelectedItemNodesInTree(e);
|
|
116
|
-
}, rootItemIds: rootItemIds, includeItemPath: true }) }) }), _jsx(SplitterPanel, { children: _jsx("div", { className: "h-full w-full
|
|
116
|
+
}, rootItemIds: rootItemIds, includeItemPath: true }) }) }), _jsx(SplitterPanel, { children: _jsx("div", { className: "relative h-full w-full", children: _jsxs("div", { className: "absolute inset-0 flex", children: [_jsxs("div", { className: "flex flex-col justify-center gap-1 bg-gray-100 p-1", children: [_jsx(SimpleIconButton, { label: "Add", icon: "pi pi-angle-right", onClick: () => addToList(selectedItemNodesInTree), disabled: readOnly }), _jsx(SimpleIconButton, { label: "Remove", icon: "pi pi-angle-left", onClick: () => removeFromList(selectedFromList), disabled: readOnly })] }), _jsx("div", { className: "relative h-full flex-1", children: _jsx(ListBox, { className: "absolute inset-0 overflow-auto text-xs", options: values, optionLabel: "path", metaKeySelection: true, emptyMessage: "None selected", multiple: true, value: selectedFromList, onChange: (e) => setSelectedFromList(e.value), itemTemplate: (option) => (_jsxs("div", { className: "group relative flex items-center gap-1.5 select-none hover:bg-gray-50", onMouseEnter: async () => {
|
|
117
117
|
setHoveredItemId(option.id);
|
|
118
118
|
// setExpandIdPath(option.idPath || "");
|
|
119
119
|
setSelectedItemNodesInTree([option]);
|
|
120
120
|
}, onDoubleClick: () => {
|
|
121
121
|
if (!readOnly)
|
|
122
122
|
removeFromList([option]);
|
|
123
|
-
}, children: [_jsx("img", { src: option.icon, className: "
|
|
123
|
+
}, children: [_jsx("img", { src: option.icon, className: "h-4 w-4" }), trimPath(option.path), " ", _jsx("button", { className: "opacity-0 transition-opacity group-hover:opacity-100", onClick: (e) => {
|
|
124
124
|
e.stopPropagation();
|
|
125
125
|
setCurrentItemId(option.id);
|
|
126
126
|
overlayPanelRef.current?.toggle(e);
|
|
127
|
-
}, title: "Open", children: _jsx("i", { className: "pi pi-arrow-up-right text-xs text-gray-500" }) })] })) }) })] }) }) })] }), _jsx(OverlayPanel, { ref: overlayPanelRef, className: "p-0", showCloseIcon: true, children: _jsx("div", { className: "p-3", children: _jsx("div", { className: "flex justify-end gap-2", children: _jsx(Button, { className: "px-3 py-1
|
|
127
|
+
}, title: "Open", children: _jsx("i", { className: "pi pi-arrow-up-right text-xs text-gray-500" }) })] })) }) })] }) }) })] }), _jsx(OverlayPanel, { ref: overlayPanelRef, className: "p-0", showCloseIcon: true, children: _jsx("div", { className: "p-3", children: _jsx("div", { className: "flex justify-end gap-2", children: _jsx(Button, { className: "rounded bg-blue-500 px-3 py-1 text-sm text-white", onClick: () => {
|
|
128
128
|
editContext.loadItem(currentItemId);
|
|
129
129
|
overlayPanelRef.current?.hide();
|
|
130
130
|
}, children: "Open" }) }) }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/TreeListEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,EAAE,CACH,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAEvE,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,aAAa;gBAAE,OAAO;YAC3B,MAAM,IAAI,GAAG,MAAM,WAAY,CAAC,eAAe,CAAC,OAAO,CAAC;gBACtD,EAAE,EAAE,aAAa;gBACjB,QAAQ,EAAE,WAAY,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI;gBAC9D,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,IAAI;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IACE,WAAW,CAAC,WAAW,EAAE,OAAO,KAAK,KAAK,CAAC,UAAU,CAAC,OAAO;YAC7D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAC3D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ;YACvE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;YAErE,OAAO;QAET,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,WAAW,GAAG,MAAM,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YACzE,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;gBACvB,cAAc,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/C,CAAC;;gBAAM,cAAc,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC;QAEF,iBAAiB,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAElC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,CACL,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CACxE,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,UAAU,cAAc,CAAC,KAAuB;QACnD,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACzE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;YACtC,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7D,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,KAAK,UAAU,SAAS,CACtB,SAMG;QAEH,0BAA0B,CAAC,EAAE,CAAC,CAAC;QAE/B,MAAM,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAE9B,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC5C,SAAS,CAAC,IAAI,CAAC;oBACb,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;oBAC5B,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,MAAM,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC;YACtC,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7D,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,UAAU,IACT,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EACrD,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;wBAC3B,SAAS,CAAC;4BACR;gCACE,EAAE,EAAE,IAAI,CAAC,EAAE;gCACX,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;gCAC5B,MAAM,EAAE,IAAI,CAAC,MAAM;gCACnB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;gCACrB,IAAI,EAAE,IAAI,CAAC,IAAI;6BAChB;yBACF,CAAC,CAAC;oBACL,CAAC,GACD,GACE,EACN,MAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,aACxB,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,YAC3C,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,WAAW,IACV,YAAY,EAAE,WAAW,EAAE,MAAM,EACjC,QAAQ,EAAE,WAAW,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI,EAC7D,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;oCACtB,IAAI,CAAC,QAAQ;wCAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gCACnC,CAAC,EACD,aAAa,EAAC,UAAU,EACxB,eAAe,EACb,uBAAuB,CAAC,MAAM;oCAC5B,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oCAC1C,CAAC,CAAC,aAAa;wCACb,CAAC,CAAC,CAAC,aAAa,CAAC;wCACjB,CAAC,CAAC,EAAE,EAEV,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;oCACvB,0BAA0B,CAAC,CAAe,CAAC,CAAC;gCAC9C,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,IAAI,GACrB,GACE,GACQ,EAChB,KAAC,aAAa,cACZ,cAAK,SAAS,EAAC,wBAAwB,YACrC,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,gBAAgB,IACf,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,uBAAuB,CAAC,EACjD,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB,IACE,EACN,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,OAAO,IACN,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,MAAM,EACf,WAAW,EAAC,MAAM,EAClB,gBAAgB,EAAE,IAAI,EACtB,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,EAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,eACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"TreeListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/TreeListEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,12 +20,12 @@ export function LanguageSelector({ selectedLanguage, darkMode, onLanguageSelecte
|
|
|
20
20
|
overlaypanel.current?.hide();
|
|
21
21
|
return;
|
|
22
22
|
};
|
|
23
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `
|
|
23
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `flex cursor-pointer items-center gap-3 p-[7px] py-[5px] text-sm ${darkMode
|
|
24
24
|
? "text-gray-500 hover:bg-gray-300"
|
|
25
|
-
: "text-gray-200 hover:bg-gray-500"}
|
|
25
|
+
: "text-gray-200 hover:bg-gray-500"} rounded-md ${disabled ? "opacity-50" : ""}`, onClick: (ev) => {
|
|
26
26
|
if (disabled)
|
|
27
27
|
return;
|
|
28
28
|
overlaypanel.current?.toggle(ev, ev.currentTarget);
|
|
29
|
-
}, children: [_jsxs("div", { className: "flex gap-2", children: [currentLanguage && (_jsxs(_Fragment, { children: [_jsx("img", { src: currentLanguage.icon, className: "h-5" }), " ", currentLanguage.name] })), !currentLanguage && _jsx("div", { children: "Select language" })] }), _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 language", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsx(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: _jsxs("div", { className: "max-h-[50vh] min-w-64 flex
|
|
29
|
+
}, children: [_jsxs("div", { className: "flex gap-2", children: [currentLanguage && (_jsxs(_Fragment, { children: [_jsx("img", { src: currentLanguage.icon, className: "h-5" }), " ", currentLanguage.name] })), !currentLanguage && _jsx("div", { children: "Select language" })] }), _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 language", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsx(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: _jsxs("div", { className: "flex max-h-[50vh] min-w-64 flex-col", children: [showAllLanguagesSwitch && (_jsxs("div", { className: "flex items-center justify-center gap-2 p-2 text-xs", children: [_jsx("span", { className: "cursor-pointer", onClick: () => setShowAllLanguagesInternal(false), children: "Item languages" }), _jsx(InputSwitch, { checked: showAllLanguagesInternal, onChange: (e) => setShowAllLanguagesInternal(e.value) }), _jsx("span", { className: "cursor-pointer", onClick: () => setShowAllLanguagesInternal(true), children: "All languages" })] })), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsx("div", { className: "flex flex-col text-sm", children: languages.map((x) => (_jsxs("div", { className: "flex cursor-pointer gap-2 p-2 hover:bg-gray-200", onClick: () => selectLanguage(x), children: [_jsx("img", { src: x.icon, className: "h-5" }), " ", x.name, " (", x.versions, ")"] }, x.languageCode))) }), languages.length === 0 && (_jsx("div", { className: "p-2 text-gray-500", children: "This item has no languages" }))] })] }) })] }));
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=LanguageSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GAAG,KAAK,GAQjB;IACC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,EAAE,aAAa,IAAI,EAAE,CAAC;IAEtD,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,gBAAgB,CAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,wBAAwB;QACxC,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAW,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;IAEzD,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,KAAK,EAAE,QAAkB,EAAE,EAAE;QAClD,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7B,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC7B,OAAO;IACT,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,eACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"LanguageSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/LanguageSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ export function PageSelector({ itemDescriptor, }) {
|
|
|
35
35
|
};
|
|
36
36
|
setName();
|
|
37
37
|
}, [itemDescriptor]);
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: "page-selector-button", className: "
|
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: "page-selector-button", className: "flex cursor-pointer items-center gap-3 rounded-md p-[7px] py-[5px] text-sm text-gray-200 hover:bg-gray-500", onClick: (ev) => overlaypanel.current?.toggle(ev, ev.currentTarget), "data-testid": "page-selector-button", children: [item?.name || "unknown", _jsx("div", { className: "p-dropdown-trigger", role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-label": "Select a page", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsx(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: _jsxs("div", { className: "flex h-[75vh] min-w-48 flex-col overflow-hidden", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [_jsxs("div", { className: "flex flex-col p-2", children: [_jsxs("div", { className: "mb-2 flex items-center gap-1 text-xs text-gray-500", children: [_jsx(ArrowDownIcon, {}), " Search"] }), _jsx(ItemSearch, { autoFocus: true, setHoveredItem: setHoveredItem, itemSelected: (item) => loadItem(item) })] }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex items-center gap-1 border-t p-2 pb-1 text-xs text-gray-500", children: [_jsx(ArrowDownIcon, {}), " Select"] }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItem?.id ?? item?.id, onSelectionChange: loadItem }) }) })] }), _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, {}), " Last visited"] }), _jsx(BrowseHistory, { setHoveredItem: setHoveredItem, itemSelected: (item) => loadItem(item) })] })] }), _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, { size: "small", icon: "pi pi-plus", label: "New Page", onClick: () => editContext?.openCreatePageDialog() }), _jsx(Button, { id: "delete-page-button", severity: "danger", size: "small", icon: "pi pi-times", label: "Delete", onClick: async (ev) => {
|
|
39
39
|
if (item &&
|
|
40
40
|
(await editContext?.executeCommand({
|
|
41
41
|
command: editContext?.configuration.commands.deleteItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/PageSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAc,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,UAAU,YAAY,CAAC,EAC3B,cAAc,GAGf;IACC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAEzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAA0B,CAAC;IAEzE,MAAM,QAAQ,GAAG,CAAC,YAAiD,EAAE,EAAE;QACrE,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;YACnD,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,MAAM,cAAc,GAAG,YAA8B,CAAC;QACtD,WAAW,EAAE,QAAQ,CAAC;YACpB,EAAE,EAAE,cAAc,CAAC,EAAE;YACrB,QAAQ,EAAE,cAAc,CAAC,QAAQ;YACjC,OAAO,EAAE,CAAC;SACX,CAAC,CAAC;QACH,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;YACzB,IAAI,CAAC,cAAc;gBAAE,OAAO;YAC5B,MAAM,IAAI,GAAG,MAAM,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;YACxE,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,8BACE,eACE,EAAE,EAAC,sBAAsB,EACzB,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"PageSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/PageSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { useEditContext } from "../client/editContext";
|
|
|
4
4
|
import { Separator } from "./Separator";
|
|
5
5
|
import { CompareIcon, FormEditIcon } from "../ui/Icons";
|
|
6
6
|
import { SimpleIconButton } from "../ui/SimpleIconButton";
|
|
7
|
+
import { UserRoundPen, EyeIcon, Pencil } from "lucide-react";
|
|
7
8
|
export function PageViewerControls() {
|
|
8
9
|
const editContext = useEditContext();
|
|
9
10
|
if (!editContext)
|
|
@@ -12,23 +13,27 @@ export function PageViewerControls() {
|
|
|
12
13
|
const pageViewContext = editContext.pageView;
|
|
13
14
|
const device = pageViewContext.device;
|
|
14
15
|
const setDevice = pageViewContext.setDevice;
|
|
15
|
-
return (_jsxs("div", { className: "flex gap-2
|
|
16
|
+
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", size: "large", className: classNames(editContext.mode === "edit"
|
|
16
17
|
? "bg-gray-200"
|
|
17
|
-
: "
|
|
18
|
+
: "hover:bg-gray-200 hover:text-gray-800"), onClick: () => editContext.setMode("edit") })), _jsx(SimpleIconButton, { icon: _jsx(EyeIcon, { className: "h-6 w-6 p-1" }), label: "Preview", size: "large", className: classNames(editContext.mode === "preview"
|
|
19
|
+
? "bg-gray-200"
|
|
20
|
+
: "hover:bg-gray-200 hover:text-gray-800"), onClick: () => editContext.setMode("preview") }), _jsx(SimpleIconButton, { selected: editContext?.mode === "suggestions", icon: _jsx(UserRoundPen, { size: 24, className: "p-0.5" }), label: "Suggestions", size: "large", className: classNames(editContext?.mode === "suggestions"
|
|
21
|
+
? "text-gray-600"
|
|
22
|
+
: "hover:text-gray-600"), onClick: () => editContext?.setMode("suggestions") }), _jsx(Separator, { size: "large" }), _jsx("i", { className: classNames(device === "desktop"
|
|
23
|
+
? "bg-gray-200"
|
|
24
|
+
: "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "pi pi-desktop cursor-pointer rounded-full p-2"), title: "Desktop", onClick: () => {
|
|
18
25
|
setDevice("desktop");
|
|
19
26
|
} }), _jsx("i", { className: classNames(device && device !== "desktop"
|
|
20
27
|
? "bg-gray-200"
|
|
21
|
-
: " hover:bg-gray-200
|
|
28
|
+
: "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "pi pi-mobile cursor-pointer rounded-full p-2"), title: "Mobile", onClick: () => {
|
|
22
29
|
if (editContext.configuration.devices[0]) {
|
|
23
30
|
setDevice(editContext.configuration.devices[0].name);
|
|
24
31
|
}
|
|
25
32
|
} }), _jsx("i", { className: classNames(!device
|
|
26
33
|
? "bg-gray-200"
|
|
27
|
-
: " hover:bg-gray-200
|
|
34
|
+
: "text-gray-400 hover:bg-gray-200 hover:text-gray-800", "h-8 w-8 cursor-pointer rounded-full p-1"), title: "Form", onClick: () => {
|
|
28
35
|
setDevice("");
|
|
29
|
-
}, children: _jsx(FormEditIcon, {}) }), _jsx(Separator, { size: "large" }), _jsx("i", { className: "pi pi-external-link cursor-pointer
|
|
30
|
-
? "bg-gray-200"
|
|
31
|
-
: " hover:bg-gray-200 text-gray-100 hover:text-gray-800", "pi pi-eye cursor-pointer p-2 rounded-full"), title: "Preview", onClick: () => editContext.setPreviewMode((x) => !x) })), _jsx(Separator, { size: "large" })] })), _jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "w-6 h-6 p-1" }), label: "Compare", size: "large", className: editContext.compareMode
|
|
36
|
+
}, 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) })] })), _jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", className: editContext.compareMode
|
|
32
37
|
? "text-gray-600"
|
|
33
38
|
: "text-gray-100 hover:text-gray-600", selected: editContext.compareMode, onClick: () => editContext.setCompareMode(!editContext.compareMode) })] }));
|
|
34
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageViewerControls.js","sourceRoot":"","sources":["../../../src/editor/menubar/PageViewerControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"PageViewerControls.js","sourceRoot":"","sources":["../../../src/editor/menubar/PageViewerControls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { classNames } from "primereact/utils";
|
|
3
3
|
export function Separator({ size }) {
|
|
4
|
-
return (_jsx("div", { className: classNames("border-r border-gray-
|
|
4
|
+
return (_jsx("div", { className: classNames("border-r border-gray-400", size === "large" ? "mx-3 h-7" : "mx-1 h-4") }));
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=Separator.js.map
|
|
@@ -19,7 +19,7 @@ export function VersionSelector({ itemDescriptor, actualVersion, onVersionSelect
|
|
|
19
19
|
return "Latest" + (actualVersion ? " (" + actualVersion + ")" : "");
|
|
20
20
|
return itemDescriptor.version;
|
|
21
21
|
};
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "version-selector", className: `flex cursor-pointer items-center gap-3 p-[7px] text-sm ${darkMode
|
|
22
|
+
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
|
|
23
23
|
? "text-gray-500 hover:bg-gray-200"
|
|
24
24
|
: "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: () => {
|
|
25
25
|
onVersionSelected(0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/VersionSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qCAAqC,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAG3E,MAAM,UAAU,eAAe,CAAC,EAC9B,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAQT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAEhD,IAAI,cAAc,IAAI,IAAI;QAAE,OAAO;IAEnC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,aAAa,CAAC;QAChD,IAAI,cAAc,CAAC,OAAO,KAAK,CAAC;YAC9B,OAAO,QAAQ,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtE,OAAO,cAAc,CAAC,OAAO,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,8BACc,kBAAkB,EAC9B,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"VersionSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/VersionSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component } from "../pageModel";
|
|
2
2
|
import { PageViewContext } from "../page-viewer/pageViewContext";
|
|
3
|
-
export declare function FrameMenu({ component,
|
|
3
|
+
export declare function FrameMenu({ component, compareView, pageViewContext, }: {
|
|
4
4
|
component: Component;
|
|
5
|
-
|
|
5
|
+
compareView: boolean;
|
|
6
6
|
pageViewContext: PageViewContext;
|
|
7
7
|
}): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -3,11 +3,15 @@ import { useEffect, useRef, useState } from "react";
|
|
|
3
3
|
import { useEditContext } from "../client/editContext";
|
|
4
4
|
import { findComponentRect } from "../utils";
|
|
5
5
|
import { useThrottledCallback } from "use-debounce";
|
|
6
|
-
|
|
6
|
+
import { ArrowUpFromDot } from "lucide-react";
|
|
7
|
+
import { cn } from "../../lib/utils";
|
|
8
|
+
export function FrameMenu({ component, compareView, pageViewContext, }) {
|
|
7
9
|
const editContext = useEditContext();
|
|
8
10
|
const resizeObserverRef = useRef(null);
|
|
9
11
|
const mutationObserverRef = useRef(null);
|
|
12
|
+
const headerRef = useRef(null);
|
|
10
13
|
const [componentRect, setComponentRect] = useState();
|
|
14
|
+
const [isHeaderWiderThanComponent, setIsHeaderWiderThanComponent] = useState(false);
|
|
11
15
|
const updatePosition = () => {
|
|
12
16
|
if (!component || !editContext || !pageViewContext)
|
|
13
17
|
return;
|
|
@@ -17,7 +21,7 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
17
21
|
const resetSelection = () => {
|
|
18
22
|
setComponentRect(undefined);
|
|
19
23
|
};
|
|
20
|
-
const componentRect = findComponentRect(iframe, component
|
|
24
|
+
const componentRect = findComponentRect(iframe, component)?.rect;
|
|
21
25
|
if (!componentRect) {
|
|
22
26
|
resetSelection();
|
|
23
27
|
return;
|
|
@@ -50,7 +54,7 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
50
54
|
iframe.contentWindow?.document.body;
|
|
51
55
|
scrollContainer?.addEventListener("scroll", updatePositionThrottled);
|
|
52
56
|
iframe.contentWindow?.addEventListener("scroll", updatePositionThrottled);
|
|
53
|
-
const componentRect = findComponentRect(iframe, component
|
|
57
|
+
const componentRect = findComponentRect(iframe, component);
|
|
54
58
|
if (!componentRect) {
|
|
55
59
|
updatePosition();
|
|
56
60
|
return;
|
|
@@ -70,6 +74,21 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
70
74
|
}
|
|
71
75
|
};
|
|
72
76
|
}, [component]);
|
|
77
|
+
// Effect to measure header width and compare with componentRect
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
if (!headerRef.current || !componentRect)
|
|
80
|
+
return;
|
|
81
|
+
const headerResizeObserver = new ResizeObserver((entries) => {
|
|
82
|
+
for (const entry of entries) {
|
|
83
|
+
const headerWidth = entry.contentRect.width;
|
|
84
|
+
setIsHeaderWiderThanComponent(headerWidth > componentRect.width);
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
headerResizeObserver.observe(headerRef.current);
|
|
88
|
+
return () => {
|
|
89
|
+
headerResizeObserver.disconnect();
|
|
90
|
+
};
|
|
91
|
+
}, [componentRect]);
|
|
73
92
|
useEffect(() => {
|
|
74
93
|
setTimeout(() => {
|
|
75
94
|
updatePosition();
|
|
@@ -84,7 +103,8 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
84
103
|
if (!component || !editContext)
|
|
85
104
|
return null;
|
|
86
105
|
const commands = editContext.getComponentCommands([component]);
|
|
87
|
-
const isDraggable =
|
|
106
|
+
const isDraggable = component.canBeMoved &&
|
|
107
|
+
editContext.mode === "edit" &&
|
|
88
108
|
!component.layoutId &&
|
|
89
109
|
pageViewContext.page?.item.canWriteItem;
|
|
90
110
|
false;
|
|
@@ -105,8 +125,7 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
105
125
|
},
|
|
106
126
|
}));
|
|
107
127
|
const customButtons = []; // TODO
|
|
108
|
-
|
|
109
|
-
buttons = [...buttons, ...commandButtons];
|
|
128
|
+
const buttons = [...customButtons, ...commandButtons];
|
|
110
129
|
function handleDragStart(event) {
|
|
111
130
|
if (!component?.datasourceItem)
|
|
112
131
|
return;
|
|
@@ -131,39 +150,57 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
131
150
|
function handleDragEnd() {
|
|
132
151
|
editContext.dragEnd();
|
|
133
152
|
}
|
|
134
|
-
const isShared = component.
|
|
135
|
-
const isReadonly = mode === "
|
|
153
|
+
const isShared = component.isShared;
|
|
154
|
+
const isReadonly = editContext.mode === "preview" || compareView;
|
|
136
155
|
const isLayout = component.layoutId;
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
156
|
+
function getColor() {
|
|
157
|
+
if (isReadonly)
|
|
158
|
+
return "readonly";
|
|
159
|
+
if (editContext?.mode === "suggestions")
|
|
160
|
+
return "suggestions";
|
|
161
|
+
if (isShared)
|
|
162
|
+
return "shared";
|
|
163
|
+
if (isLayout)
|
|
164
|
+
return "layout";
|
|
165
|
+
if (component.canBeMoved)
|
|
166
|
+
return "default";
|
|
167
|
+
return "nonMovable";
|
|
168
|
+
}
|
|
169
|
+
const color = getColor();
|
|
144
170
|
const colorVariants = {
|
|
145
171
|
shared: "border-orange-400",
|
|
146
|
-
readonly: "border-
|
|
172
|
+
readonly: "border-gray-400",
|
|
147
173
|
layout: "border-purple-400",
|
|
148
174
|
default: "border-sky-400",
|
|
175
|
+
nonMovable: "border-red-400",
|
|
176
|
+
suggestions: "border-teal-400",
|
|
149
177
|
};
|
|
150
178
|
const bgColorVariants = {
|
|
151
179
|
shared: "bg-orange-400",
|
|
152
|
-
readonly: "bg-
|
|
180
|
+
readonly: "bg-gray-400",
|
|
153
181
|
layout: "bg-purple-400",
|
|
154
182
|
default: "bg-sky-400",
|
|
183
|
+
nonMovable: "bg-red-400",
|
|
184
|
+
suggestions: "bg-teal-400",
|
|
155
185
|
};
|
|
186
|
+
// Calculate initial estimation for the header width
|
|
187
|
+
const estimatedHeaderWidth = buttons.length * 30 + component.name.length * 8; // Approximate width calculation
|
|
188
|
+
const initialIsHeaderWiderThanComponent = estimatedHeaderWidth > (componentRect?.width || 0);
|
|
189
|
+
useEffect(() => {
|
|
190
|
+
setIsHeaderWiderThanComponent(initialIsHeaderWiderThanComponent);
|
|
191
|
+
}, [initialIsHeaderWiderThanComponent]);
|
|
192
|
+
const isMultiSelected = editContext.selection.length > 1;
|
|
156
193
|
if (!componentRect)
|
|
157
194
|
return null;
|
|
158
|
-
|
|
159
|
-
return (_jsx(_Fragment, { children: _jsx("div", { className: `pointer-events-none absolute inset-0 border-2 ${colorVariants[color]} tour-frame-menu opacity-50 hover:opacity-100`, style: {
|
|
195
|
+
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: {
|
|
160
196
|
left: componentRect.x,
|
|
161
197
|
top: componentRect.y,
|
|
162
198
|
width: componentRect.width,
|
|
163
199
|
height: componentRect.height,
|
|
164
200
|
zIndex: 8,
|
|
165
|
-
}, "data-testid": "frame-menu", children: !isMultiSelected && (_jsxs("div", { className: `editframe-menu pointer-events-auto absolute z-1000 flex items-center pr-4 text-base text-white ${bgColorVariants[color]} ` +
|
|
166
|
-
(componentRect.y - 36 < 0 ? "rounded-bl-lg" : "rounded-t-lg")
|
|
201
|
+
}, "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]} ` +
|
|
202
|
+
(componentRect.y - 36 < 0 ? "rounded-bl-lg" : "rounded-t-lg") +
|
|
203
|
+
(isHeaderWiderThanComponent ? " rounded-bl-lg" : ""), style: {
|
|
167
204
|
right: "-2px",
|
|
168
205
|
top: componentRect.y - 36 < 0 ? "0" : undefined,
|
|
169
206
|
bottom: componentRect.y - 36 >= 0
|
|
@@ -171,6 +208,13 @@ export function FrameMenu({ component, mode, pageViewContext, }) {
|
|
|
171
208
|
: undefined,
|
|
172
209
|
zIndex: 800,
|
|
173
210
|
height: "36px",
|
|
174
|
-
}, children: [
|
|
211
|
+
}, children: [_jsxs("div", { draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: `group flex items-center gap-1 pr-2 pl-3 text-sm text-nowrap ${isDraggable ? "cursor-move" : "cursor-default"} `, children: [component.name, component.parentPlaceholder?.parentComponent && (_jsx("span", { className: "cursor-pointer opacity-0 transition-opacity group-hover:opacity-100", onClick: () => {
|
|
212
|
+
editContext.select([
|
|
213
|
+
component.parentPlaceholder?.parentComponent.id || "",
|
|
214
|
+
]);
|
|
215
|
+
}, children: _jsx(ArrowUpFromDot, { height: 14, width: 14 }) }))] }), editContext.mode === "edit" && (_jsx("div", { className: "flex items-center gap-2 text-sm", children: buttons.map((b, i) => (_jsx("div", { className: "cursor-pointer hover:text-gray-200", onClick: (ev) => {
|
|
216
|
+
ev.stopPropagation();
|
|
217
|
+
b.onClick(ev);
|
|
218
|
+
}, children: typeof b.icon === "string" ? (_jsx("i", { className: b.icon + " cursor-pointer text-sm", title: b.label })) : (b.icon) }, i))) }))] })) }) }));
|
|
175
219
|
}
|
|
176
220
|
//# sourceMappingURL=FrameMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrameMenu.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FrameMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAc,cAAc,
|
|
1
|
+
{"version":3,"file":"FrameMenu.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FrameMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PageViewContext } from "../page-viewer/pageViewContext";
|
|
2
|
-
export declare function FrameMenus({
|
|
3
|
-
|
|
2
|
+
export declare function FrameMenus({ compareView, pageViewContext, }: {
|
|
3
|
+
compareView: boolean;
|
|
4
4
|
pageViewContext: PageViewContext;
|
|
5
5
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
|
|
|
3
3
|
import { findComponent } from "../componentTreeHelper";
|
|
4
4
|
import { useEditContext } from "../client/editContext";
|
|
5
5
|
import { FrameMenu } from "./FrameMenu";
|
|
6
|
-
export function FrameMenus({
|
|
6
|
+
export function FrameMenus({ compareView, pageViewContext, }) {
|
|
7
7
|
const editContext = useEditContext();
|
|
8
8
|
const selection = editContext?.selection;
|
|
9
9
|
const [components, setComponents] = useState([]);
|
|
@@ -17,6 +17,6 @@ export function FrameMenus({ mode, pageViewContext, }) {
|
|
|
17
17
|
: [];
|
|
18
18
|
setComponents(comps);
|
|
19
19
|
}, [selection, pageViewContext.page]);
|
|
20
|
-
return (_jsxs(_Fragment, { children: [components.map((c) => (_jsx(FrameMenu, { component: c,
|
|
20
|
+
return (_jsxs(_Fragment, { children: [components.map((c) => (_jsx(FrameMenu, { component: c, compareView: compareView, pageViewContext: pageViewContext }, c.id))), " "] }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=FrameMenus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrameMenus.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FrameMenus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"FrameMenus.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FrameMenus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,eAAe,GAIhB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,WAAW,EAAE,SAAS,CAAC;IAEzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,CAAC,IAAI;YAAE,OAAO;QAElC,MAAM,KAAK,GAAgB,SAAS;YAClC,CAAC,CAAC,SAAS;iBACN,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CACV,aAAa,CACX,EAAE,EACF,eAAe,CAAC,IAAI,EAAE,aAAa,CAAC,YAAY,IAAI,EAAE,CACvD,CACF;iBACA,MAAM,CAAC,CAAC,CAAC,EAA8B,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC;YAC/D,CAAC,CAAC,EAAE,CAAC;QAEP,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BACG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,SAAS,IAER,SAAS,EAAE,CAAC,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,IAH3B,CAAC,CAAC,EAAE,CAIT,CACH,CAAC,EAAE,GAAG,IACN,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PageViewContext } from "../page-viewer/pageViewContext";
|
|
2
|
-
export declare function InlineEditor({ pageViewContext,
|
|
2
|
+
export declare function InlineEditor({ pageViewContext, compareView, }: {
|
|
3
3
|
pageViewContext: PageViewContext;
|
|
4
|
-
|
|
4
|
+
compareView: boolean;
|
|
5
5
|
}): null | undefined;
|