@xwadex/fesd-next 0.3.4-7.21 → 0.3.4-7.23

package/dist/components/content-builders/content-builder-configs.d.ts

@@ -0,0 +1,203 @@
+import type { Config } from "@puckeditor/core";
+export declare const components: {
+    BaseBlock: {
+        render: import("@puckeditor/core").PuckComponent<import("@puckeditor/core").DefaultComponentProps>;
+        label?: string;
+        defaultProps?: import("@puckeditor/core").DefaultComponentProps | undefined;
+        fields?: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | undefined;
+        permissions?: Partial<import("@puckeditor/core").Permissions>;
+        inline?: boolean;
+        resolveFields?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            fields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastFields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            appState: import("@puckeditor/core").AppState;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | Promise<import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>>) | undefined;
+        resolveData?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            trigger: import("@puckeditor/core").ResolveDataTrigger;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => (Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }) | Promise<Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }>) | undefined;
+        resolvePermissions?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastPermissions: Partial<import("@puckeditor/core").Permissions>;
+            permissions: Partial<import("@puckeditor/core").Permissions>;
+            appState: import("@puckeditor/core").AppState;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => Promise<Partial<import("@puckeditor/core").Permissions>> | Partial<import("@puckeditor/core").Permissions>) | undefined;
+        metadata?: import("@puckeditor/core").ComponentMetadata;
+    } & import("@puckeditor/core").ComponentConfigExtensions;
+    BaseBlockSue: {
+        render: import("@puckeditor/core").PuckComponent<import("@puckeditor/core").DefaultComponentProps>;
+        label?: string;
+        defaultProps?: import("@puckeditor/core").DefaultComponentProps | undefined;
+        fields?: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | undefined;
+        permissions?: Partial<import("@puckeditor/core").Permissions>;
+        inline?: boolean;
+        resolveFields?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            fields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastFields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            appState: import("@puckeditor/core").AppState;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | Promise<import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>>) | undefined;
+        resolveData?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            trigger: import("@puckeditor/core").ResolveDataTrigger;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => (Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }) | Promise<Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }>) | undefined;
+        resolvePermissions?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastPermissions: Partial<import("@puckeditor/core").Permissions>;
+            permissions: Partial<import("@puckeditor/core").Permissions>;
+            appState: import("@puckeditor/core").AppState;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => Promise<Partial<import("@puckeditor/core").Permissions>> | Partial<import("@puckeditor/core").Permissions>) | undefined;
+        metadata?: import("@puckeditor/core").ComponentMetadata;
+    } & import("@puckeditor/core").ComponentConfigExtensions;
+    MediaContent: {
+        render: import("@puckeditor/core").PuckComponent<import("@puckeditor/core").DefaultComponentProps>;
+        label?: string;
+        defaultProps?: import("@puckeditor/core").DefaultComponentProps | undefined;
+        fields?: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | undefined;
+        permissions?: Partial<import("@puckeditor/core").Permissions>;
+        inline?: boolean;
+        resolveFields?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            fields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastFields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            appState: import("@puckeditor/core").AppState;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | Promise<import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>>) | undefined;
+        resolveData?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            trigger: import("@puckeditor/core").ResolveDataTrigger;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => (Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }) | Promise<Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }>) | undefined;
+        resolvePermissions?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastPermissions: Partial<import("@puckeditor/core").Permissions>;
+            permissions: Partial<import("@puckeditor/core").Permissions>;
+            appState: import("@puckeditor/core").AppState;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => Promise<Partial<import("@puckeditor/core").Permissions>> | Partial<import("@puckeditor/core").Permissions>) | undefined;
+        metadata?: import("@puckeditor/core").ComponentMetadata;
+    } & import("@puckeditor/core").ComponentConfigExtensions;
+    TextContent: {
+        render: import("@puckeditor/core").PuckComponent<import("@puckeditor/core").DefaultComponentProps>;
+        label?: string;
+        defaultProps?: import("@puckeditor/core").DefaultComponentProps | undefined;
+        fields?: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | undefined;
+        permissions?: Partial<import("@puckeditor/core").Permissions>;
+        inline?: boolean;
+        resolveFields?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            fields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastFields: import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            appState: import("@puckeditor/core").AppState;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}> | Promise<import("@puckeditor/core").Fields<import("@puckeditor/core").DefaultComponentProps, {}>>) | undefined;
+        resolveData?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            metadata: import("@puckeditor/core").ComponentMetadata;
+            trigger: import("@puckeditor/core").ResolveDataTrigger;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => (Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }) | Promise<Omit<Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+            props?: Partial<import("@puckeditor/core").DefaultComponentProps> | undefined;
+        }>) | undefined;
+        resolvePermissions?: ((data: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+            changed: Partial<Record<string | number, boolean> & {
+                id: string;
+            }>;
+            lastPermissions: Partial<import("@puckeditor/core").Permissions>;
+            permissions: Partial<import("@puckeditor/core").Permissions>;
+            appState: import("@puckeditor/core").AppState;
+            lastData: Omit<import("@puckeditor/core").ComponentData<import("@puckeditor/core").DefaultComponentProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+            parent: import("@puckeditor/core").ComponentData | null;
+        }) => Promise<Partial<import("@puckeditor/core").Permissions>> | Partial<import("@puckeditor/core").Permissions>) | undefined;
+        metadata?: import("@puckeditor/core").ComponentMetadata;
+    } & import("@puckeditor/core").ComponentConfigExtensions;
+};
+export declare const categories: {
+    base: {
+        title: string;
+        components: string[];
+    };
+    base2: {
+        title: string;
+        components: string[];
+    };
+    base3: {
+        title: string;
+        components: string[];
+    };
+    other: {
+        visible: boolean;
+    };
+};
+export declare const builderConfigs: Config;
+export declare const builderOverrides: {
+    iframe: import("react").MemoExoticComponent<({ document, children }: import("./content-builder-iframe").BuilderIframeProps) => import("react/jsx-runtime").JSX.Element>;
+    actionBar: import("react").MemoExoticComponent<({ children, label }: any) => import("react/jsx-runtime").JSX.Element>;
+    componentOverlay: import("react").MemoExoticComponent<({ children, componentType, isSelected }: any) => import("react/jsx-runtime").JSX.Element>;
+};
+export declare const renderConfigs: Config;
+export declare const blacksConfigs: Config;
+export declare const blacksOverrides: {
+    iframe: import("react").MemoExoticComponent<({ document, children }: import("./content-builder-iframe").BuilderIframeProps) => import("react/jsx-runtime").JSX.Element>;
+};

package/dist/components/content-builders/content-builder-configs.js

@@ -0,0 +1,125 @@
+"use client";
+import { BuilderActionBar } from "./content-builder-actionbar";
+import { BuilderIframe } from "./content-builder-iframe";
+import { BuilderComponentOverlay } from "./content-builder-overlay";
+import { BuilderBlocksRootsConfigs } from "./content-builder-blocks";
+import { BuilderRootsConfigs, } from "./blocks";
+import { BaseBlockConfigs } from "./blocks/base-block";
+import { MediaContentConfigs } from "./blocks/media-content";
+import { TextContentConfigs } from "./blocks/text-content";
+import { BaseBlockSueConfigs } from "./article4/baseBlock";
+export const components = {
+    BaseBlock: BaseBlockConfigs,
+    BaseBlockSue: BaseBlockSueConfigs,
+    MediaContent: MediaContentConfigs,
+    TextContent: TextContentConfigs,
+};
+export const categories = {
+    base: {
+        title: "Base",
+        components: [
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+        ],
+    },
+    base2: {
+        title: "Base2",
+        components: [
+            "BaseBlock",
+            "BaseBlockSue",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+        ],
+    },
+    base3: {
+        title: "Base3",
+        components: [
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+            "BaseBlock",
+        ],
+    },
+    other: {
+        visible: false,
+    },
+};
+export const builderConfigs = {
+    root: BuilderRootsConfigs,
+    components,
+    categories
+};
+export const builderOverrides = {
+    iframe: BuilderIframe,
+    actionBar: BuilderActionBar,
+    componentOverlay: BuilderComponentOverlay
+};
+export const renderConfigs = {
+    root: BuilderRootsConfigs,
+    components,
+};
+export const blacksConfigs = {
+    root: BuilderBlocksRootsConfigs,
+    components,
+    categories
+};
+export const blacksOverrides = {
+    iframe: BuilderIframe,
+};

package/dist/components/content-builders/content-builder-context.d.ts

@@ -0,0 +1,24 @@
+import { ContentBuilderProps } from "./content-builder";
+import type { BlocksViews, BuildersPanels, BuildersViewport } from "./content-builder-hooks";
+import type { Config } from "@puckeditor/core";
+export interface BuilderContextValue {
+    config: Config;
+    builderProps: ContentBuilderProps;
+    builderRef?: React.RefObject<HTMLDivElement | null>;
+    blocksViews: BlocksViews;
+    viewport: BuildersViewport;
+    panels: BuildersPanels;
+    selectBuilderBlocks: () => Promise<string | boolean>;
+    setBuilderViewport: (viewport: BuildersViewport) => void;
+    setBuilderBlockView: React.Dispatch<React.SetStateAction<BlocksViews>>;
+    setBuilderPanels: React.Dispatch<React.SetStateAction<BuildersPanels>>;
+    setBuilderPanelsActive: (id: string, active?: boolean) => void;
+    setBuilderDragging: (state: boolean) => void;
+    setBuilderNewBlocks: (block: string | boolean) => void;
+    saveBuilderData: (data: any) => void;
+}
+export interface BuilderContextProps extends ContentBuilderProps {
+    children: React.ReactNode;
+}
+export declare const BuilderContextProviders: ({ children, ...builderProps }: BuilderContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useBuilderContext: () => BuilderContextValue;

package/dist/components/content-builders/content-builder-context.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, use, useMemo } from "react";
+import { useBuilder, } from "./content-builder-hooks";
+const BuilderContext = createContext(null);
+export const BuilderContextProviders = ({ children, ...builderProps }) => {
+    const { config, builderRef, viewport, blocksViews, panels, setBuilderBlockView, selectBuilderBlocks, setBuilderPanels, setBuilderPanelsActive, setBuilderViewport, setBuilderDragging, setBuilderNewBlocks, saveBuilderData, } = useBuilder({
+        builderProps
+    });
+    const contextValue = useMemo(() => ({
+        config,
+        builderProps,
+        builderRef,
+        viewport,
+        blocksViews,
+        panels,
+        setBuilderBlockView,
+        selectBuilderBlocks,
+        setBuilderPanels,
+        setBuilderPanelsActive,
+        setBuilderViewport,
+        setBuilderDragging,
+        setBuilderNewBlocks,
+        saveBuilderData,
+    }), [
+        builderProps,
+        builderRef,
+        viewport,
+        blocksViews,
+        panels,
+        setBuilderBlockView,
+        selectBuilderBlocks,
+        setBuilderPanels,
+        setBuilderPanelsActive,
+        setBuilderViewport,
+        setBuilderDragging,
+        setBuilderNewBlocks,
+        saveBuilderData,
+    ]);
+    return _jsx(BuilderContext, { value: contextValue, children: children });
+};
+export const useBuilderContext = () => {
+    const context = use(BuilderContext);
+    if (!context)
+        throw new Error("BuilderContext must be used inside BuilderContextProviders");
+    return context;
+};

package/dist/components/content-builders/content-builder-fields.d.ts

@@ -0,0 +1 @@
+export declare const BuilderFields: import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/content-builders/content-builder-fields.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Puck } from "@puckeditor/core";
+export const BuilderFields = memo((props) => _jsx(Puck.Fields, { ...props }));

package/dist/components/content-builders/content-builder-functionbar.d.ts

@@ -0,0 +1 @@
+export declare const BuilderFunctionBar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/content-builders/content-builder-functionbar.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Expand, Eye, LaptopMinimal, Maximize, Minus, Monitor, Plus, Shrink, Smartphone, Tablet } from "lucide-react";
+import { useBuilderContext } from "./content-builder-context";
+import { useBuilderPucksContext } from "./content-builder-pucks-context";
+import { usePuckPreviewMode } from "./content-builder-pucks-hooks";
+import { cn } from "../../shadcns/index.js";
+export const BuilderFunctionBar = () => {
+    const { blocksViews, builderRef, viewport, setBuilderViewport } = useBuilderContext();
+    const { insterBlock, setPreviewMode } = useBuilderPucksContext();
+    const previewMode = usePuckPreviewMode();
+    // const resizeScaleBuilder = () => {
+    //     if (!builderRef?.current) return
+    //     const { width } = builderRef?.current.getBoundingClientRect()
+    //     const scale = Math.min(1, width / 1920)
+    //     if (width <= 1920) {
+    //         console.log("builderRef", width, scale);
+    //     }
+    // }
+    // useEffect(() => {
+    //     if (!builderRef?.current) return
+    //     window.addEventListener("resize", resizeScaleBuilder)
+    //     return () => window.removeEventListener("resize", resizeScaleBuilder)
+    // }, [builderRef?.current])
+    return (_jsxs("div", { className: cn("text-black", "absolute", "w-full", "h-10", "flex", "justify-between", "items-center", "gap-5", "px-5", "**: select-none"), style: { display: "flex", gap: 8 }, children: [_jsx("div", { className: "flex-1 flex", children: _jsxs("button", { className: cn("cursor-pointer flex flex-rows gap-1 items-center font-semibold text-md"), onClick: () => {
+                        if (previewMode == "interactive")
+                            return;
+                        insterBlock();
+                    }, children: [_jsx(Plus, { size: 18 }), _jsxs("div", { children: ["Add Block, ", JSON.stringify(blocksViews)] })] }) }), _jsxs("div", { className: "flex-1 flex gap-5 justify-center", children: [_jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({ view: "360" }), children: _jsx(Smartphone, { size: 15, strokeWidth: 2.5 }) }), _jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({ view: "768" }), children: _jsx(Tablet, { size: 15, strokeWidth: 2.5 }) }), _jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({ view: "1400" }), children: _jsx(LaptopMinimal, { size: 17, strokeWidth: 2.2 }) }), _jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({ view: "1920" }), children: _jsx(Monitor, { size: 16, strokeWidth: 2.2 }) }), _jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({ view: "screen", zoom: 1 }), children: _jsx(Maximize, { size: 16, strokeWidth: 2.6 }) }), _jsx("button", { className: "cursor-pointer", onClick: () => setBuilderViewport({
+                            view: viewport.view == "fullscreen" ? "screen" : "fullscreen",
+                            zoom: 1
+                        }), children: viewport.view == "fullscreen"
+                            ? _jsx(Shrink, { size: 15, strokeWidth: 1.7 })
+                            : _jsx(Expand, { size: 15, strokeWidth: 1.7 }) }), _jsxs("div", { className: "flex gap-2 justify-center items-center", children: [_jsx("button", { onClick: () => setBuilderViewport({ zoom: Math.max(0.5, (viewport?.zoom ?? 1) - 0.1) }), children: _jsx(Minus, { size: 15, strokeWidth: 1.7 }) }), _jsx("button", { onClick: () => setBuilderViewport({ zoom: Math.min(1, (viewport?.zoom ?? 1) + 0.1) }), children: _jsx(Plus, { size: 15, strokeWidth: 1.7 }) }), _jsx("button", { className: "font-semibold text-xs", onClick: () => setBuilderViewport({ zoom: 1 }), children: `${Math.floor((viewport?.zoom ?? 1) * 100)}%` })] })] }), _jsx("div", { className: "flex-1 flex justify-end", children: _jsxs("button", { className: "cursor-pointer flex flex-rows gap-1 items-center font-semibold text-md", onClick: () => {
+                        setPreviewMode(previewMode == "edit" ? "interactive" : "edit");
+                    }, children: [_jsx("div", { children: previewMode == "edit" ? "Builder Mode" : "Preview Mode" }), _jsx(Eye, { size: 18 })] }) })] }));
+};

package/dist/components/content-builders/content-builder-helpers.d.ts

@@ -0,0 +1,9 @@
+export declare function scrollToBlock(id: string): void;
+export declare function createComponentId(type: string): string;
+export declare const getSlotsKey: (zone?: string) => {
+    parentId?: undefined;
+    slotName?: undefined;
+} | {
+    parentId: string;
+    slotName: string;
+};

package/dist/components/content-builders/content-builder-helpers.js

@@ -0,0 +1,43 @@
+"use client";
+export function scrollToBlock(id) {
+    const iframe = document.querySelector(`#preview-frame`);
+    if (!iframe)
+        return;
+    const iframeBody = (iframe.contentDocument)?.body;
+    const el = iframeBody?.querySelector(`[data-puck-component="${id}"]`);
+    el?.scrollIntoView({ behavior: "smooth", block: "center" });
+}
+export function createComponentId(type) {
+    const now = new Date();
+    const date = now.getFullYear().toString() +
+        String(now.getMonth() + 1).padStart(2, "0") +
+        String(now.getDate()).padStart(2, "0");
+    const time = String(now.getHours()).padStart(2, "0") +
+        String(now.getMinutes()).padStart(2, "0") +
+        String(now.getSeconds()).padStart(2, "0");
+    const random = Math.random().toString(36).slice(2, 8);
+    return `${type}-${date}-${time}-${random}`;
+}
+// export function createSlotsId(props: any) {
+//     if (!props) return
+//     for (const [key, value] of Object.entries(props)) {
+//         if (key.startsWith("slot") && Array.isArray(value))
+//             value.forEach((item) => {
+//                 if (!item?.type || !item?.props) return
+//                 item.props["id"] = createComponentId(item.type)
+//                 createSlotsId(item.props)
+//             })
+//     }
+// }
+// export function createComponentProps(config: any) {
+//     const { defaultProps: props, label } = config
+//     props["id"] = createComponentId(label)
+//     createSlotsId(props)
+//     return { type: label, props }
+// }
+export const getSlotsKey = (zone) => {
+    if (!zone)
+        return {};
+    const [parentId, slotName] = zone.split(":");
+    return { parentId, slotName };
+};

package/dist/components/content-builders/content-builder-hooks.d.ts

@@ -0,0 +1,39 @@
+import { ContentBuilderProps } from "./content-builder";
+export interface BlocksViews {
+    active: boolean;
+    callback?: (value: string | boolean) => void;
+}
+export interface BuildersViewport {
+    view?: "360" | "768" | "1400" | "1920" | "screen" | "fullscreen";
+    zoom?: number;
+}
+export type BuildersPanels = Record<string, {
+    x?: number;
+    y?: number;
+    z?: number;
+    active?: boolean;
+}>;
+export interface useBuilderOptions {
+    builderProps: ContentBuilderProps;
+}
+export declare function useBuilder({ builderProps }: useBuilderOptions): {
+    config: import("@puckeditor/core").Config;
+    builderRef: import("react").RefObject<HTMLDivElement | null>;
+    viewport: BuildersViewport;
+    blocksViews: BlocksViews;
+    panels: BuildersPanels;
+    selectBuilderBlocks: () => Promise<string | boolean>;
+    setBuilderBlockView: import("react").Dispatch<import("react").SetStateAction<BlocksViews>>;
+    setBuilderPanels: import("react").Dispatch<import("react").SetStateAction<BuildersPanels>>;
+    setBuilderPanelsActive: (id: string, active?: boolean) => void;
+    setBuilderViewport: (viewport: BuildersViewport) => void;
+    setBuilderDragging: (state: boolean) => void;
+    setBuilderNewBlocks: (block: string | boolean) => void;
+    saveBuilderData: (data: any) => void;
+};
+export interface IframeHooksOptions {
+    iframeDocument?: Document;
+    callback?: (iframe?: Document) => void;
+    isPreviewKeyDown?: boolean;
+}
+export declare const useBuilderIframe: ({ iframeDocument, callback, isPreviewKeyDown, }: IframeHooksOptions) => void;