@builder.io/sdk-react 0.2.3-3 → 0.2.3-4

package/dist/react/esm/blocks/select/component-info.js

@@ -1,56 +0,0 @@
-const componentInfo = {
-    name: "Form:Select",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
-    defaultStyles: {
-        alignSelf: "flex-start"
-    },
-    inputs: [
-        {
-            name: "options",
-            type: "list",
-            required: true,
-            subFields: [
-                {
-                    name: "value",
-                    type: "text",
-                    required: true
-                },
-                {
-                    name: "name",
-                    type: "text"
-                }
-            ],
-            defaultValue: [
-                {
-                    value: "option 1"
-                },
-                {
-                    value: "option 2"
-                }
-            ]
-        },
-        {
-            name: "name",
-            type: "string",
-            required: true,
-            helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"'
-        },
-        {
-            name: "defaultValue",
-            type: "string"
-        },
-        {
-            name: "value",
-            type: "string",
-            advanced: true
-        },
-        {
-            name: "required",
-            type: "boolean",
-            defaultValue: false
-        }
-    ],
-    static: true,
-    noWrap: true
-};
-export { componentInfo };

package/dist/react/esm/blocks/select/select.d.ts

@@ -1,2 +0,0 @@
-export default SelectComponent;
-declare function SelectComponent(props: any): JSX.Element;

package/dist/react/esm/blocks/submit-button/component-info.d.ts

@@ -1,23 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    export const image: string;
-    export namespace defaultStyles {
-        const appearance: string;
-        const paddingTop: string;
-        const paddingBottom: string;
-        const paddingLeft: string;
-        const paddingRight: string;
-        const backgroundColor: string;
-        const color: string;
-        const borderRadius: string;
-        const cursor: string;
-    }
-    export const inputs: {
-        name: string;
-        type: string;
-        defaultValue: string;
-    }[];
-    const _static: boolean;
-    export { _static as static };
-    export const noWrap: boolean;
-}

package/dist/react/esm/blocks/submit-button/component-info.js

@@ -1,25 +0,0 @@
-const componentInfo = {
-    name: "Form:SubmitButton",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
-    defaultStyles: {
-        appearance: "none",
-        paddingTop: "15px",
-        paddingBottom: "15px",
-        paddingLeft: "25px",
-        paddingRight: "25px",
-        backgroundColor: "#3898EC",
-        color: "white",
-        borderRadius: "4px",
-        cursor: "pointer"
-    },
-    inputs: [
-        {
-            name: "text",
-            type: "text",
-            defaultValue: "Click me"
-        }
-    ],
-    static: true,
-    noWrap: true
-};
-export { componentInfo };

package/dist/react/esm/blocks/submit-button/submit-button.d.ts

@@ -1,2 +0,0 @@
-export default SubmitButton;
-declare function SubmitButton(props: any): JSX.Element;

package/dist/react/esm/blocks/symbol/component-info.d.ts

@@ -1,35 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    export const noWrap: boolean;
-    const _static: boolean;
-    export { _static as static };
-    export const inputs: ({
-        name: string;
-        type: string;
-        helperText?: undefined;
-        defaultValue?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-    } | {
-        name: string;
-        helperText: string;
-        type: string;
-        defaultValue: boolean;
-        advanced: boolean;
-        hideFromUI: boolean;
-    } | {
-        name: string;
-        helperText: string;
-        type: string;
-        defaultValue: boolean;
-        advanced: boolean;
-        hideFromUI?: undefined;
-    } | {
-        name: string;
-        hideFromUI: boolean;
-        type: string;
-        helperText?: undefined;
-        defaultValue?: undefined;
-        advanced?: undefined;
-    })[];
-}

package/dist/react/esm/blocks/symbol/component-info.js

@@ -1,40 +0,0 @@
-const componentInfo = {
-    name: "Symbol",
-    noWrap: true,
-    static: true,
-    inputs: [
-        {
-            name: "symbol",
-            type: "uiSymbol"
-        },
-        {
-            name: "dataOnly",
-            helperText: "Make this a data symbol that doesn't display any UI",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true,
-            hideFromUI: true
-        },
-        {
-            name: "inheritState",
-            helperText: "Inherit the parent component state and data",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true
-        },
-        {
-            name: "renderToLiquid",
-            helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true,
-            hideFromUI: true
-        },
-        {
-            name: "useChildren",
-            hideFromUI: true,
-            type: "boolean"
-        }
-    ]
-};
-export { componentInfo };

package/dist/react/esm/blocks/symbol/symbol.d.ts

@@ -1,2 +0,0 @@
-export default Symbol;
-declare function Symbol(props: any): JSX.Element;

package/dist/react/esm/blocks/symbol/symbol.js

@@ -1,71 +0,0 @@
-"use client";
-import * as React from "react";
-import { useState, useContext, useEffect } from "react";
-import RenderContent from "../../components/render-content/render-content";
-import BuilderContext from "../../context/builder.context.js";
-import { getContent } from "../../functions/get-content/index.js";
-import { TARGET } from "../../constants/target";
-import { logger } from "../../helpers/logger";
-function Symbol(props) {
-    const [className, setClassName] = useState(() => [
-        ...(TARGET === "vue2" || TARGET === "vue3"
-            ? Object.keys(props.attributes.class)
-            : [props.attributes.class]),
-        "builder-symbol",
-        props.symbol?.inline ? "builder-inline-symbol" : undefined,
-        props.symbol?.dynamic || props.dynamic
-            ? "builder-dynamic-symbol"
-            : undefined,
-    ]
-        .filter(Boolean)
-        .join(" "));
-    const [contentToUse, setContentToUse] = useState(() => props.symbol?.content);
-    function fetchContent() {
-        /**
-         * If:
-         * - we have a symbol prop
-         * - yet it does not have any content
-         * - and we have not already stored content from before
-         * - and it has a model name
-         *
-         * then we want to re-fetch the symbol content.
-         */
-        if (!contentToUse &&
-            props.symbol?.model &&
-            // This is a hack, we should not need to check for this, but it is needed for Svelte.
-            builderContext?.apiKey) {
-            getContent({
-                model: props.symbol.model,
-                apiKey: builderContext.apiKey,
-                apiVersion: builderContext.apiVersion,
-                query: {
-                    id: props.symbol.entry,
-                },
-            })
-                .then((response) => {
-                if (response) {
-                    setContentToUse(response);
-                }
-            })
-                .catch((err) => {
-                logger.error("Could not fetch symbol content: ", err);
-            });
-        }
-    }
-    const builderContext = useContext(BuilderContext);
-    useEffect(() => {
-        fetchContent();
-    }, []);
-    useEffect(() => {
-        fetchContent();
-    }, [props.symbol]);
-    return (React.createElement("div", { ...props.attributes, dataSet: {
-            class: className,
-        }, className: className },
-        React.createElement(RenderContent, { apiVersion: builderContext.apiVersion, apiKey: builderContext.apiKey, context: builderContext.context, customComponents: Object.values(builderContext.registeredComponents), data: {
-                ...props.symbol?.data,
-                ...builderContext.state,
-                ...contentToUse?.data?.state,
-            }, model: props.symbol?.model, content: contentToUse })));
-}
-export default Symbol;

package/dist/react/esm/blocks/text/component-info.d.ts

@@ -1,19 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    const _static: boolean;
-    export { _static as static };
-    export const image: string;
-    export const inputs: {
-        name: string;
-        type: string;
-        required: boolean;
-        autoFocus: boolean;
-        bubble: boolean;
-        defaultValue: string;
-    }[];
-    export namespace defaultStyles {
-        const lineHeight: string;
-        const height: string;
-        const textAlign: string;
-    }
-}

package/dist/react/esm/blocks/text/component-info.js

@@ -1,21 +0,0 @@
-const componentInfo = {
-    name: "Text",
-    static: true,
-    image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
-    inputs: [
-        {
-            name: "text",
-            type: "html",
-            required: true,
-            autoFocus: true,
-            bubble: true,
-            defaultValue: "Enter some text..."
-        }
-    ],
-    defaultStyles: {
-        lineHeight: "normal",
-        height: "auto",
-        textAlign: "center"
-    }
-};
-export { componentInfo };

package/dist/react/esm/blocks/text/text.d.ts

@@ -1,2 +0,0 @@
-export default Text;
-declare function Text(props: any): JSX.Element;

package/dist/react/esm/blocks/textarea/component-info.d.ts

@@ -1,53 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    export const image: string;
-    export const inputs: ({
-        advanced: boolean;
-        name: string;
-        type: string;
-        required?: undefined;
-        helperText?: undefined;
-        defaultValue?: undefined;
-    } | {
-        name: string;
-        type: string;
-        required: boolean;
-        helperText: string;
-        advanced?: undefined;
-        defaultValue?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        defaultValue?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        advanced?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        advanced?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-    })[];
-    export namespace defaultStyles {
-        const paddingTop: string;
-        const paddingBottom: string;
-        const paddingLeft: string;
-        const paddingRight: string;
-        const borderRadius: string;
-        const borderWidth: string;
-        const borderStyle: string;
-        const borderColor: string;
-    }
-    const _static: boolean;
-    export { _static as static };
-    export const noWrap: boolean;
-}

package/dist/react/esm/blocks/textarea/component-info.js

@@ -1,44 +0,0 @@
-const componentInfo = {
-    name: "Form:TextArea",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
-    inputs: [
-        {
-            advanced: true,
-            name: "value",
-            type: "string"
-        },
-        {
-            name: "name",
-            type: "string",
-            required: true,
-            helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
-        },
-        {
-            name: "defaultValue",
-            type: "string"
-        },
-        {
-            name: "placeholder",
-            type: "string",
-            defaultValue: "Hello there"
-        },
-        {
-            name: "required",
-            type: "boolean",
-            defaultValue: false
-        }
-    ],
-    defaultStyles: {
-        paddingTop: "10px",
-        paddingBottom: "10px",
-        paddingLeft: "10px",
-        paddingRight: "10px",
-        borderRadius: "3px",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "#ccc"
-    },
-    static: true,
-    noWrap: true
-};
-export { componentInfo };

package/dist/react/esm/blocks/textarea/textarea.d.ts

@@ -1,2 +0,0 @@
-export default Textarea;
-declare function Textarea(props: any): JSX.Element;

package/dist/react/esm/blocks/util.d.ts

@@ -1 +0,0 @@
-export function serializeFn(fnValue: any): string;

package/dist/react/esm/blocks/util.js

@@ -1,6 +0,0 @@
-const serializeFn = (fnValue) => {
-    const fnStr = fnValue.toString().trim();
-    const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-    return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-export { serializeFn };

package/dist/react/esm/blocks/video/component-info.d.ts

@@ -1,80 +0,0 @@
-export namespace componentInfo {
-    const name: string;
-    const canHaveChildren: boolean;
-    namespace defaultStyles {
-        const minHeight: string;
-        const minWidth: string;
-    }
-    const image: string;
-    const inputs: ({
-        name: string;
-        type: string;
-        allowedFileTypes: string[];
-        bubble: boolean;
-        defaultValue: string;
-        required: boolean;
-        helperText?: undefined;
-        enum?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        allowedFileTypes: string[];
-        helperText: string;
-        bubble?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        enum?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        allowedFileTypes?: undefined;
-        bubble?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        enum?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        enum: string[];
-        allowedFileTypes?: undefined;
-        bubble?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        helperText: string;
-        defaultValue: boolean;
-        advanced: boolean;
-        allowedFileTypes?: undefined;
-        bubble?: undefined;
-        required?: undefined;
-        enum?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced: boolean;
-        allowedFileTypes?: undefined;
-        bubble?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        enum?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced: boolean;
-        defaultValue: number;
-        allowedFileTypes?: undefined;
-        bubble?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        enum?: undefined;
-    })[];
-}

package/dist/react/esm/blocks/video/component-info.js

@@ -1,103 +0,0 @@
-const componentInfo = {
-    name: "Video",
-    canHaveChildren: true,
-    defaultStyles: {
-        minHeight: "20px",
-        minWidth: "20px"
-    },
-    image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
-    inputs: [
-        {
-            name: "video",
-            type: "file",
-            allowedFileTypes: ["mp4"],
-            bubble: true,
-            defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-            required: true
-        },
-        {
-            name: "posterImage",
-            type: "file",
-            allowedFileTypes: ["jpeg", "png"],
-            helperText: "Image to show before the video plays"
-        },
-        {
-            name: "autoPlay",
-            type: "boolean",
-            defaultValue: true
-        },
-        {
-            name: "controls",
-            type: "boolean",
-            defaultValue: false
-        },
-        {
-            name: "muted",
-            type: "boolean",
-            defaultValue: true
-        },
-        {
-            name: "loop",
-            type: "boolean",
-            defaultValue: true
-        },
-        {
-            name: "playsInline",
-            type: "boolean",
-            defaultValue: true
-        },
-        {
-            name: "fit",
-            type: "text",
-            defaultValue: "cover",
-            enum: ["contain", "cover", "fill", "auto"]
-        },
-        {
-            name: "fitContent",
-            type: "boolean",
-            helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
-            defaultValue: true,
-            advanced: true
-        },
-        {
-            name: "position",
-            type: "text",
-            defaultValue: "center",
-            enum: [
-                "center",
-                "top",
-                "left",
-                "right",
-                "bottom",
-                "top left",
-                "top right",
-                "bottom left",
-                "bottom right"
-            ]
-        },
-        {
-            name: "height",
-            type: "number",
-            advanced: true
-        },
-        {
-            name: "width",
-            type: "number",
-            advanced: true
-        },
-        {
-            name: "aspectRatio",
-            type: "number",
-            advanced: true,
-            defaultValue: 0.7004048582995948
-        },
-        {
-            name: "lazyLoad",
-            type: "boolean",
-            helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
-            defaultValue: true,
-            advanced: true
-        }
-    ]
-};
-export { componentInfo };

package/dist/react/esm/blocks/video/video.d.ts

@@ -1,2 +0,0 @@
-export default Video;
-declare function Video(props: any): JSX.Element;

package/dist/react/esm/blocks/video/video.js

@@ -1,50 +0,0 @@
-"use client";
-import * as React from "react";
-function Video(props) {
-    function videoProps() {
-        return {
-            ...(props.autoPlay === true
-                ? {
-                    autoPlay: true,
-                }
-                : {}),
-            ...(props.muted === true
-                ? {
-                    muted: true,
-                }
-                : {}),
-            ...(props.controls === true
-                ? {
-                    controls: true,
-                }
-                : {}),
-            ...(props.loop === true
-                ? {
-                    loop: true,
-                }
-                : {}),
-            ...(props.playsInline === true
-                ? {
-                    playsInline: true,
-                }
-                : {}),
-        };
-    }
-    function spreadProps() {
-        return {
-            ...props.attributes,
-            ...videoProps(),
-        };
-    }
-    return (React.createElement("video", { ...spreadProps(), style: {
-            width: "100%",
-            height: "100%",
-            ...props.attributes?.style,
-            objectFit: props.fit,
-            objectPosition: props.position,
-            // Hack to get object fit to work as expected and
-            // not have the video overflow
-            borderRadius: 1,
-        }, src: props.video || "no-src", poster: props.posterImage }));
-}
-export default Video;

package/dist/react/esm/components/render-block/block-styles.d.ts

@@ -1,2 +0,0 @@
-export default BlockStyles;
-declare function BlockStyles(props: any): JSX.Element;

package/dist/react/esm/components/render-block/render-block.d.ts

@@ -1,2 +0,0 @@
-export default RenderBlock;
-declare function RenderBlock(props: any): JSX.Element;