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

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Raw:Img",
-    hideFromInsertMenu: true,
-    image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
-    inputs: [
-        {
-            name: "image",
-            bubble: true,
-            type: "file",
-            allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
-            required: true
-        }
-    ],
-    noWrap: true,
-    static: true
-};
-exports.componentInfo = componentInfo;

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

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

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

@@ -1,12 +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 ImgComponent(props) {
-    return (React.createElement("img", { style: {
-            objectFit: props.backgroundSize || "cover",
-            objectPosition: props.backgroundPosition || "center",
-        }, key: ((0, is_editing_js_1.isEditing)() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...props.attributes }));
-}
-exports.default = ImgComponent;

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

@@ -1,66 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    export const image: string;
-    export const inputs: ({
-        name: string;
-        type: string;
-        enum: string[];
-        defaultValue: string;
-        required?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        required: boolean;
-        helperText: string;
-        enum?: undefined;
-        defaultValue?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        helperText: string;
-        enum?: undefined;
-        required?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced: boolean;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-    } | {
-        name: string;
-        type: string;
-        helperText: string;
-        defaultValue: boolean;
-        enum?: undefined;
-        required?: undefined;
-        advanced?: undefined;
-    })[];
-    export const noWrap: boolean;
-    const _static: boolean;
-    export { _static as static };
-    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;
-    }
-}

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

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Form:Input",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
-    inputs: [
-        {
-            name: "type",
-            type: "text",
-            enum: [
-                "text",
-                "number",
-                "email",
-                "url",
-                "checkbox",
-                "radio",
-                "range",
-                "date",
-                "datetime-local",
-                "search",
-                "tel",
-                "time",
-                "file",
-                "month",
-                "week",
-                "password",
-                "color",
-                "hidden"
-            ],
-            defaultValue: "text"
-        },
-        {
-            name: "name",
-            type: "string",
-            required: true,
-            helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"'
-        },
-        {
-            name: "placeholder",
-            type: "string",
-            defaultValue: "Hello there",
-            helperText: "Text to display when there is no value"
-        },
-        {
-            name: "defaultValue",
-            type: "string"
-        },
-        {
-            name: "value",
-            type: "string",
-            advanced: true
-        },
-        {
-            name: "required",
-            type: "boolean",
-            helperText: "Is this input required to be filled out to submit a form",
-            defaultValue: false
-        }
-    ],
-    noWrap: true,
-    static: true,
-    defaultStyles: {
-        paddingTop: "10px",
-        paddingBottom: "10px",
-        paddingLeft: "10px",
-        paddingRight: "10px",
-        borderRadius: "3px",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "#ccc"
-    }
-};
-exports.componentInfo = componentInfo;

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

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

package/dist/react/cjs/blocks/input/input.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 FormInputComponent(props) {
-    return (React.createElement("input", { ...props.attributes, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
-}
-exports.default = FormInputComponent;

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

@@ -1,10 +0,0 @@
-export namespace componentInfo {
-    const name: string;
-    const hideFromInsertMenu: boolean;
-    const inputs: {
-        name: string;
-        bubble: boolean;
-        type: string;
-        required: boolean;
-    }[];
-}

package/dist/react/cjs/blocks/raw-text/component-info.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Builder:RawText",
-    hideFromInsertMenu: true,
-    inputs: [
-        {
-            name: "text",
-            bubble: true,
-            type: "longText",
-            required: true
-        }
-    ]
-};
-exports.componentInfo = componentInfo;

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

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

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

@@ -1,8 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function RawText(props) {
-    return (React.createElement("span", { className: props.attributes?.class || props.attributes?.className, dangerouslySetInnerHTML: { __html: props.text || "" } }));
-}
-exports.default = RawText;

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

@@ -1,43 +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;
-        defaultValue: number;
-        advanced?: undefined;
-        description?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        advanced: boolean;
-        description: string;
-    })[];
-    export namespace defaultStyles {
-        const paddingLeft: string;
-        const paddingRight: string;
-        const paddingTop: string;
-        const paddingBottom: string;
-        const marginTop: string;
-        const width: string;
-        const marginLeft: string;
-    }
-    export const canHaveChildren: boolean;
-    export const defaultChildren: {
-        "@type": string;
-        responsiveStyles: {
-            large: {
-                textAlign: string;
-            };
-        };
-        component: {
-            name: string;
-            options: {
-                text: string;
-            };
-        };
-    }[];
-}

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

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Core:Section",
-    static: true,
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
-    inputs: [
-        {
-            name: "maxWidth",
-            type: "number",
-            defaultValue: 1200
-        },
-        {
-            name: "lazyLoad",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true,
-            description: "Only render this section when in view"
-        }
-    ],
-    defaultStyles: {
-        paddingLeft: "20px",
-        paddingRight: "20px",
-        paddingTop: "50px",
-        paddingBottom: "50px",
-        marginTop: "0px",
-        width: "100vw",
-        marginLeft: "calc(50% - 50vw)"
-    },
-    canHaveChildren: true,
-    defaultChildren: [
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    textAlign: "center"
-                }
-            },
-            component: {
-                name: "Text",
-                options: {
-                    text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
-                }
-            }
-        }
-    ]
-};
-exports.componentInfo = componentInfo;

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

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

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

@@ -1,19 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function SectionComponent(props) {
-    return (React.createElement("section", { ...props.attributes, style: {
-            width: "100%",
-            alignSelf: "stretch",
-            flexGrow: 1,
-            boxSizing: "border-box",
-            maxWidth: props.maxWidth || 1200,
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "stretch",
-            marginLeft: "auto",
-            marginRight: "auto",
-        } }, props.children));
-}
-exports.default = SectionComponent;

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;