@builder.io/sdk-react 0.2.1 → 0.2.3-0

package/dist/react/blocks/image/component-info.d.ts

@@ -0,0 +1,114 @@
+export namespace componentInfo {
+    export const name: string;
+    const _static: boolean;
+    export { _static as static };
+    export const image: string;
+    export namespace defaultStyles {
+        const position: string;
+        const minHeight: string;
+        const minWidth: string;
+        const overflow: string;
+    }
+    export const canHaveChildren: boolean;
+    export const inputs: ({
+        name: string;
+        type: string;
+        bubble: boolean;
+        allowedFileTypes: string[];
+        required: boolean;
+        defaultValue: string;
+        onChange: string;
+        enum?: undefined;
+        helperText?: undefined;
+        hideFromUI?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: string;
+        enum: {
+            label: string;
+            value: string;
+            helperText: string;
+        }[];
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        onChange?: undefined;
+        helperText?: undefined;
+        hideFromUI?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: string;
+        enum: string[];
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        onChange?: undefined;
+        helperText?: undefined;
+        hideFromUI?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        helperText: string;
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        defaultValue?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+        hideFromUI?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        hideFromUI: boolean;
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        defaultValue?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+        helperText?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: boolean;
+        hideFromUI: boolean;
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+        helperText?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        helperText: string;
+        defaultValue: boolean;
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+        hideFromUI?: undefined;
+        advanced?: undefined;
+    } | {
+        name: string;
+        type: string;
+        helperText: string;
+        advanced: boolean;
+        defaultValue: number;
+        bubble?: undefined;
+        allowedFileTypes?: undefined;
+        required?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+        hideFromUI?: undefined;
+    })[];
+}

package/dist/react/blocks/image/image.d.ts

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

package/dist/react/blocks/image/image.helpers.d.ts

@@ -0,0 +1 @@
+export function getSrcSet(url: any): any;

package/dist/react/blocks/image/image.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { getSrcSet } from "./image.helpers.js";
 function Image(props) {

package/dist/react/blocks/img/component-info.d.ts

@@ -0,0 +1,15 @@
+export namespace componentInfo {
+    export const name: string;
+    export const hideFromInsertMenu: boolean;
+    export const image: string;
+    export const inputs: {
+        name: string;
+        bubble: boolean;
+        type: string;
+        allowedFileTypes: string[];
+        required: boolean;
+    }[];
+    export const noWrap: boolean;
+    const _static: boolean;
+    export { _static as static };
+}

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
 function ImgComponent(props) {

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

@@ -0,0 +1,66 @@
+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/blocks/input/input.d.ts

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

package/dist/react/blocks/input/input.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
 function FormInputComponent(props) {

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

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

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function RawText(props) {
     return (React.createElement("span", { className: props.attributes?.class || props.attributes?.className, dangerouslySetInnerHTML: { __html: props.text || "" } }));

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

@@ -0,0 +1,43 @@
+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/blocks/section/section.d.ts

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function SectionComponent(props) {
     return (React.createElement("section", { ...props.attributes, style: {

package/dist/react/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/blocks/select/select.d.ts

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
 function SelectComponent(props) {

package/dist/react/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/blocks/submit-button/submit-button.d.ts

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function SubmitButton(props) {
     return (React.createElement("button", { type: "submit", ...props.attributes }, props.text));

package/dist/react/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/blocks/symbol/symbol.d.ts

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

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

@@ -1,9 +1,11 @@
+"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"
@@ -46,7 +48,7 @@ function Symbol(props) {
                 }
             })
                 .catch((err) => {
-                console.error("[Builder.io]: Could not fetch symbol content: ", err);
+                logger.error("Could not fetch symbol content: ", err);
             });
         }
     }

package/dist/react/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/blocks/text/text.d.ts

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function Text(props) {
     return (React.createElement("span", { className: "builder-text", dangerouslySetInnerHTML: { __html: props.text }, style: {

package/dist/react/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/blocks/textarea/textarea.d.ts

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function Textarea(props) {
     return (React.createElement("textarea", { ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 function Video(props) {
     function videoProps() {

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

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

package/dist/react/components/render-block/block-styles.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../constants/device-sizes.js";
 import { TARGET } from "../../constants/target.js";

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

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