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

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

@@ -1,176 +0,0 @@
-export namespace componentInfo {
-    const name: string;
-    const inputs: ({
-        name: string;
-        type: string;
-        broadcast: boolean;
-        subFields: ({
-            name: string;
-            type: string;
-            hideFromUI: boolean;
-            defaultValue: ({
-                "@type": string;
-                responsiveStyles: {
-                    large: {
-                        display: string;
-                        flexDirection: string;
-                        alignItems: string;
-                        flexShrink: string;
-                        position: string;
-                        marginTop: string;
-                        textAlign: string;
-                        lineHeight: string;
-                        height: string;
-                        minHeight: string;
-                        minWidth: string;
-                        overflow: string;
-                    };
-                };
-                component: {
-                    name: string;
-                    options: {
-                        image: string;
-                        backgroundPosition: string;
-                        backgroundSize: string;
-                        aspectRatio: number;
-                        text?: undefined;
-                    };
-                };
-            } | {
-                "@type": string;
-                responsiveStyles: {
-                    large: {
-                        display: string;
-                        flexDirection: string;
-                        alignItems: string;
-                        flexShrink: string;
-                        position: string;
-                        marginTop: string;
-                        textAlign: string;
-                        lineHeight: string;
-                        height: string;
-                        minHeight?: undefined;
-                        minWidth?: undefined;
-                        overflow?: undefined;
-                    };
-                };
-                component: {
-                    name: string;
-                    options: {
-                        text: string;
-                        image?: undefined;
-                        backgroundPosition?: undefined;
-                        backgroundSize?: undefined;
-                        aspectRatio?: undefined;
-                    };
-                };
-            })[];
-            helperText?: undefined;
-        } | {
-            name: string;
-            type: string;
-            hideFromUI: boolean;
-            helperText: string;
-            defaultValue?: undefined;
-        } | {
-            name: string;
-            type: string;
-            helperText: string;
-            hideFromUI?: undefined;
-            defaultValue?: undefined;
-        })[];
-        defaultValue: {
-            blocks: ({
-                "@type": string;
-                responsiveStyles: {
-                    large: {
-                        display: string;
-                        flexDirection: string;
-                        alignItems: string;
-                        flexShrink: string;
-                        position: string;
-                        marginTop: string;
-                        textAlign: string;
-                        lineHeight: string;
-                        height: string;
-                        minHeight: string;
-                        minWidth: string;
-                        overflow: string;
-                    };
-                };
-                component: {
-                    name: string;
-                    options: {
-                        image: string;
-                        backgroundPosition: string;
-                        backgroundSize: string;
-                        aspectRatio: number;
-                        text?: undefined;
-                    };
-                };
-            } | {
-                "@type": string;
-                responsiveStyles: {
-                    large: {
-                        display: string;
-                        flexDirection: string;
-                        alignItems: string;
-                        flexShrink: string;
-                        position: string;
-                        marginTop: string;
-                        textAlign: string;
-                        lineHeight: string;
-                        height: string;
-                        minHeight?: undefined;
-                        minWidth?: undefined;
-                        overflow?: undefined;
-                    };
-                };
-                component: {
-                    name: string;
-                    options: {
-                        text: string;
-                        image?: undefined;
-                        backgroundPosition?: undefined;
-                        backgroundSize?: undefined;
-                        aspectRatio?: undefined;
-                    };
-                };
-            })[];
-        }[];
-        onChange: string;
-        helperText?: undefined;
-        advanced?: undefined;
-        enum?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: number;
-        helperText: string;
-        advanced: boolean;
-        broadcast?: undefined;
-        subFields?: undefined;
-        onChange?: undefined;
-        enum?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        helperText: string;
-        enum: string[];
-        advanced: boolean;
-        broadcast?: undefined;
-        subFields?: undefined;
-        onChange?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        helperText: string;
-        advanced: boolean;
-        broadcast?: undefined;
-        subFields?: undefined;
-        onChange?: undefined;
-        enum?: undefined;
-    })[];
-}

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

@@ -1,240 +0,0 @@
-import { serializeFn } from "../util.js";
-const componentInfo = {
-    name: "Columns",
-    inputs: [
-        {
-            name: "columns",
-            type: "array",
-            broadcast: true,
-            subFields: [
-                {
-                    name: "blocks",
-                    type: "array",
-                    hideFromUI: true,
-                    defaultValue: [
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto",
-                                    minHeight: "20px",
-                                    minWidth: "20px",
-                                    overflow: "hidden"
-                                }
-                            },
-                            component: {
-                                name: "Image",
-                                options: {
-                                    image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                                    backgroundPosition: "center",
-                                    backgroundSize: "cover",
-                                    aspectRatio: 0.7004048582995948
-                                }
-                            }
-                        },
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto"
-                                }
-                            },
-                            component: {
-                                name: "Text",
-                                options: {
-                                    text: "<p>Enter some text...</p>"
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    name: "width",
-                    type: "number",
-                    hideFromUI: true,
-                    helperText: "Width %, e.g. set to 50 to fill half of the space"
-                },
-                {
-                    name: "link",
-                    type: "url",
-                    helperText: "Optionally set a url that clicking this column will link to"
-                }
-            ],
-            defaultValue: [
-                {
-                    blocks: [
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto",
-                                    minHeight: "20px",
-                                    minWidth: "20px",
-                                    overflow: "hidden"
-                                }
-                            },
-                            component: {
-                                name: "Image",
-                                options: {
-                                    image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                                    backgroundPosition: "center",
-                                    backgroundSize: "cover",
-                                    aspectRatio: 0.7004048582995948
-                                }
-                            }
-                        },
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto"
-                                }
-                            },
-                            component: {
-                                name: "Text",
-                                options: {
-                                    text: "<p>Enter some text...</p>"
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    blocks: [
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto",
-                                    minHeight: "20px",
-                                    minWidth: "20px",
-                                    overflow: "hidden"
-                                }
-                            },
-                            component: {
-                                name: "Image",
-                                options: {
-                                    image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                                    backgroundPosition: "center",
-                                    backgroundSize: "cover",
-                                    aspectRatio: 0.7004048582995948
-                                }
-                            }
-                        },
-                        {
-                            "@type": "@builder.io/sdk:Element",
-                            responsiveStyles: {
-                                large: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    alignItems: "stretch",
-                                    flexShrink: "0",
-                                    position: "relative",
-                                    marginTop: "30px",
-                                    textAlign: "center",
-                                    lineHeight: "normal",
-                                    height: "auto"
-                                }
-                            },
-                            component: {
-                                name: "Text",
-                                options: {
-                                    text: "<p>Enter some text...</p>"
-                                }
-                            }
-                        }
-                    ]
-                }
-            ],
-            onChange: serializeFn((options) => {
-                function clearWidths() {
-                    columns.forEach((col) => {
-                        col.delete("width");
-                    });
-                }
-                const columns = options.get("columns");
-                if (Array.isArray(columns)) {
-                    const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
-                    if (containsColumnWithWidth) {
-                        const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
-                        if (containsColumnWithoutWidth) {
-                            clearWidths();
-                        }
-                        else {
-                            const sumWidths = columns.reduce((memo, col) => {
-                                return memo + col.get("width");
-                            }, 0);
-                            const widthsDontAddUp = sumWidths !== 100;
-                            if (widthsDontAddUp) {
-                                clearWidths();
-                            }
-                        }
-                    }
-                }
-            })
-        },
-        {
-            name: "space",
-            type: "number",
-            defaultValue: 20,
-            helperText: "Size of gap between columns",
-            advanced: true
-        },
-        {
-            name: "stackColumnsAt",
-            type: "string",
-            defaultValue: "tablet",
-            helperText: "Convert horizontal columns to vertical at what device size",
-            enum: ["tablet", "mobile", "never"],
-            advanced: true
-        },
-        {
-            name: "reverseColumnsWhenStacked",
-            type: "boolean",
-            defaultValue: false,
-            helperText: "When stacking columns for mobile devices, reverse the ordering",
-            advanced: true
-        }
-    ]
-};
-export { componentInfo };

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

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

package/dist/react/esm/blocks/custom-code/component-info.js

@@ -1,28 +0,0 @@
-const componentInfo = {
-    name: "Custom Code",
-    static: true,
-    requiredPermissions: ["editCode"],
-    inputs: [
-        {
-            name: "code",
-            type: "html",
-            required: true,
-            defaultValue: "<p>Hello there, I am custom HTML code!</p>",
-            code: true
-        },
-        {
-            name: "replaceNodes",
-            type: "boolean",
-            helperText: "Preserve server rendered dom nodes",
-            advanced: true
-        },
-        {
-            name: "scriptsClientOnly",
-            type: "boolean",
-            defaultValue: false,
-            helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
-            advanced: true
-        }
-    ]
-};
-export { componentInfo };

package/dist/react/esm/blocks/custom-code/custom-code.d.ts

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

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

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

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

@@ -1,43 +0,0 @@
-import { serializeFn } from "../util.js";
-const componentInfo = {
-    name: "Embed",
-    static: true,
-    inputs: [
-        {
-            name: "url",
-            type: "url",
-            required: true,
-            defaultValue: "",
-            helperText: "e.g. enter a youtube url, google map, etc",
-            onChange: serializeFn((options) => {
-                const url = options.get("url");
-                if (url) {
-                    options.set("content", "Loading...");
-                    const apiKey = "ae0e60e78201a3f2b0de4b";
-                    return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-                        if (options.get("url") === url) {
-                            if (data.html) {
-                                options.set("content", data.html);
-                            }
-                            else {
-                                options.set("content", "Invalid url, please try another");
-                            }
-                        }
-                    }).catch((_err) => {
-                        options.set("content", "There was an error embedding this URL, please try again or another URL");
-                    });
-                }
-                else {
-                    options.delete("content");
-                }
-            })
-        },
-        {
-            name: "content",
-            type: "html",
-            defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-            hideFromUI: true
-        }
-    ]
-};
-export { componentInfo };

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

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

package/dist/react/esm/blocks/embed/helpers.d.ts

@@ -1 +0,0 @@
-export function isJsScript(script: any): boolean;

package/dist/react/esm/blocks/embed/helpers.js

@@ -1,7 +0,0 @@
-const SCRIPT_MIME_TYPES = [
-    "text/javascript",
-    "application/javascript",
-    "application/ecmascript"
-];
-const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-export { isJsScript };