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

package/dist/react/cjs/blocks/select/component-info.d.ts

@@ -1,61 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    export const image: string;
-    export namespace defaultStyles {
-        const alignSelf: string;
-    }
-    export const inputs: ({
-        name: string;
-        type: string;
-        required: boolean;
-        subFields: ({
-            name: string;
-            type: string;
-            required: boolean;
-        } | {
-            name: string;
-            type: string;
-            required?: undefined;
-        })[];
-        defaultValue: {
-            value: string;
-        }[];
-        helperText?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        required: boolean;
-        helperText: string;
-        subFields?: undefined;
-        defaultValue?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        required?: undefined;
-        subFields?: undefined;
-        defaultValue?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced: boolean;
-        required?: undefined;
-        subFields?: undefined;
-        defaultValue?: undefined;
-        helperText?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        required?: undefined;
-        subFields?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-    })[];
-    const _static: boolean;
-    export { _static as static };
-    export const noWrap: boolean;
-}

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

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 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
-};
-exports.componentInfo = componentInfo;

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

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

package/dist/react/cjs/blocks/select/select.js

@@ -1,9 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const is_editing_js_1 = require("../../functions/is-editing.js");
-function SelectComponent(props) {
-    return (React.createElement("select", { ...props.attributes, value: props.value, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, props.options?.map((option) => (React.createElement("option", { value: option.value }, option.name || option.value)))));
-}
-exports.default = SelectComponent;

package/dist/react/cjs/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/cjs/blocks/submit-button/component-info.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 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
-};
-exports.componentInfo = componentInfo;

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

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

package/dist/react/cjs/blocks/submit-button/submit-button.js

@@ -1,8 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function SubmitButton(props) {
-    return (React.createElement("button", { type: "submit", ...props.attributes }, props.text));
-}
-exports.default = SubmitButton;

package/dist/react/cjs/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/cjs/blocks/symbol/component-info.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 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"
-        }
-    ]
-};
-exports.componentInfo = componentInfo;

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

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

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

@@ -1,73 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const render_content_1 = require("../../components/render-content/render-content");
-const builder_context_js_1 = require("../../context/builder.context.js");
-const index_js_1 = require("../../functions/get-content/index.js");
-const target_1 = require("../../constants/target");
-const logger_1 = require("../../helpers/logger");
-function Symbol(props) {
-    const [className, setClassName] = (0, react_1.useState)(() => [
-        ...(target_1.TARGET === "vue2" || target_1.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] = (0, react_1.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) {
-            (0, index_js_1.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_1.logger.error("Could not fetch symbol content: ", err);
-            });
-        }
-    }
-    const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
-    (0, react_1.useEffect)(() => {
-        fetchContent();
-    }, []);
-    (0, react_1.useEffect)(() => {
-        fetchContent();
-    }, [props.symbol]);
-    return (React.createElement("div", { ...props.attributes, dataSet: {
-            class: className,
-        }, className: className },
-        React.createElement(render_content_1.default, { 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 })));
-}
-exports.default = Symbol;

package/dist/react/cjs/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/cjs/blocks/text/component-info.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 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"
-    }
-};
-exports.componentInfo = componentInfo;

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

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

package/dist/react/cjs/blocks/text/text.js

@@ -1,10 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function Text(props) {
-    return (React.createElement("span", { className: "builder-text", dangerouslySetInnerHTML: { __html: props.text }, style: {
-            outline: "none",
-        } }));
-}
-exports.default = Text;

package/dist/react/cjs/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/cjs/blocks/textarea/component-info.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 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
-};
-exports.componentInfo = componentInfo;

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

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

package/dist/react/cjs/blocks/textarea/textarea.js

@@ -1,8 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function Textarea(props) {
-    return (React.createElement("textarea", { ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
-}
-exports.default = Textarea;

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

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

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeFn = void 0;
-const serializeFn = (fnValue) => {
-    const fnStr = fnValue.toString().trim();
-    const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-    return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-exports.serializeFn = serializeFn;

package/dist/react/cjs/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;
-    })[];
-}