@parhelia/core 0.1.10745

package/dist/editor/MainLayout.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { useEditContext } from "./client/editContext";
+import { SidebarView } from "./sidebar/SidebarView";
+import { Splitter } from "./ui/Splitter";
+import { LeftToolbar } from "./sidebar/LeftToolbar";
+import { Layers } from "lucide-react";
+import { MobileLayout } from "./MobileLayout";
+export default function MainLayout(props) {
+    const panels = [];
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    if (editContext.isMobile) {
+        return _jsx(MobileLayout, { ...props });
+    }
+    // Only render visible views that have left sidebars to improve performance
+    const viewsWithLeftSidebar = editContext.visibleViews.filter((v) => v.leftSidebar);
+    if (viewsWithLeftSidebar.length > 0) {
+        panels.push({
+            name: "leftSidebar",
+            defaultSize: props.view.leftSidebar ? 350 : 0,
+            hidden: !props.view.leftSidebar,
+            content: viewsWithLeftSidebar.map((v) => (_jsx(SidebarView, { sidebar: v.leftSidebar, editContext: editContext, active: props.view.name === v.name && !!v.leftSidebar, onClose: () => editContext.switchView("page-editor") }, v.name))),
+        });
+    }
+    panels.push({
+        name: "center",
+        defaultSize: "auto",
+        content: props.centerPanelView,
+    });
+    if (props.rightSidebar) {
+        panels.push({
+            name: "rightSidebar",
+            defaultSize: 250,
+            content: props.rightSidebar,
+            collapsible: false,
+        });
+    }
+    if (props.farRightSidebar) {
+        panels.push({
+            name: "farRightSidebar",
+            defaultSize: 600,
+            content: props.farRightSidebar,
+            collapsible: false,
+        });
+    }
+    let className = props.className;
+    if (!editContext?.configuration.editor.embedded) {
+        className = cn("fixed inset-0", props.className);
+    }
+    return (_jsx("div", { className: cn("flex font-normal select-none", className), children: _jsxs("div", { className: "flex flex-1", children: [!props.view.hideViewSelector && _jsx(LeftToolbar, {}), _jsxs("div", { className: "flex flex-1 flex-col", children: [editContext?.view?.titlebar, editContext?.view?.toolbarFactory &&
+                            editContext?.view?.toolbarFactory(editContext), _jsx("div", { className: "bg-gray-4 flex-1", children: _jsx(Splitter, { splitterClassName: "bg-transparent -mr-2 md:w-[8px]", localStorageKey: "editor.panelSizes", expandLabel: _jsxs("div", { className: "flex items-center justify-center", children: [_jsx(Layers, { size: 14 }), _jsxs("div", { className: "mt-3", children: [props.rightSidebarTitle, " "] })] }), panels: panels }) })] })] }) }));
+}
+//# sourceMappingURL=MainLayout.js.map

package/dist/editor/MainLayout.js.map

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

package/dist/editor/MobileLayout.d.ts

@@ -0,0 +1,2 @@
+import { MainLayoutProps } from "./MainLayout";
+export declare function MobileLayout(props: MainLayoutProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/MobileLayout.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { LeftToolbar } from "./sidebar/LeftToolbar";
+import { useEditContext } from "./client/editContext";
+import { Splitter } from "./ui/Splitter";
+import { SidebarView } from "./sidebar/SidebarView";
+export function MobileLayout(props) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    let className = props.className;
+    if (!editContext?.configuration.editor.embedded) {
+        className = cn("fixed inset-0", props.className);
+    }
+    const panels = [
+        {
+            name: "center",
+            defaultSize: "auto",
+            content: props.centerPanelView,
+        },
+    ];
+    const viewsWithLeftSidebar = editContext.configuration.editor.views.filter((v) => v.leftSidebar);
+    if (viewsWithLeftSidebar.length > 0) {
+        panels.push({
+            name: "sidebar",
+            hidden: !props.view.leftSidebar,
+            defaultSize: 250,
+            content: (_jsx("div", { className: "relative h-full w-full", children: viewsWithLeftSidebar.map((v) => (_jsx(SidebarView, { sidebar: v.leftSidebar, editContext: editContext, active: props.view.name === v.name && !!v.leftSidebar, onClose: () => editContext.switchView("page-editor") }, v.name))) })),
+        });
+    }
+    return (_jsxs("div", { className: cn("flex flex-col select-none", className), children: [editContext?.view?.titlebar, editContext?.view?.toolbarFactory &&
+                editContext?.view?.toolbarFactory(editContext), _jsx(Splitter, { panels: panels, direction: "vertical", localStorageKey: "mobile-layout-splitter" }), !props.view.hideViewSelector && _jsx(LeftToolbar, {})] }));
+}
+//# sourceMappingURL=MobileLayout.js.map

package/dist/editor/MobileLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileLayout.js","sourceRoot":"","sources":["../../src/editor/MobileLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,UAAU,YAAY,CAAC,KAAsB;IACjD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,IAAI,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChD,SAAS,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,MAAM,GAAoB;QAC9B;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,KAAK,CAAC,eAAe;SAC/B;KACF,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CACxE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CACrB,CAAC;IAEF,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YAC/B,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,WAAW,IAEV,OAAO,EAAE,CAAC,CAAC,WAAY,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,IAJ/C,CAAC,CAAC,IAAI,CAKX,CACH,CAAC,GACE,CACP;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,aACvD,WAAW,EAAE,IAAI,EAAE,QAAQ,EAC3B,WAAW,EAAE,IAAI,EAAE,cAAc;gBAChC,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC,WAAW,CAAC,EAEhD,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,eAAe,EAAC,wBAAwB,GACxC,EAED,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,IAAI,KAAC,WAAW,KAAG,IAK5C,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/NewEditorClient.d.ts

@@ -0,0 +1,5 @@
+import { EditorConfiguration } from "../config/types";
+export declare function NewEditorClient(props: {
+    className?: string;
+    configuration: EditorConfiguration;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/NewEditorClient.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function NewEditorClient(props) {
+    console.log(props);
+    return _jsx("div", { children: "Hello" });
+}
+//# sourceMappingURL=NewEditorClient.js.map

package/dist/editor/NewEditorClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewEditorClient.js","sourceRoot":"","sources":["../../src/editor/NewEditorClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,MAAM,UAAU,eAAe,CAAC,KAG/B;IACC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,kCAAgB,CAAC;AAC1B,CAAC"}

package/dist/editor/PictureCropper.d.ts

@@ -0,0 +1,6 @@
+import { PictureField } from "./fieldTypes";
+export declare function PictureCropper({ field, onClose, variantName: initialVariantName, }: {
+    field: PictureField;
+    variantName: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;