@builder.io/sdk-react 0.2.2 → 0.2.3-1

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

@@ -0,0 +1,61 @@
+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

@@ -0,0 +1,59 @@
+"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

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

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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,28 @@
+"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

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

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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,43 @@
+"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

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

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

@@ -0,0 +1,73 @@
+"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,24 @@
+"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

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

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

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1,47 @@
+"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

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

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

@@ -0,0 +1,8 @@
+"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

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

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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,80 @@
+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;
+    })[];
+}