@builder.io/sdk-react 2.0.23 → 2.0.24-0

package/lib/node/init.mjs

@@ -12,5 +12,6 @@ const u = (o) => {
   r(e, i);
 };
 export {
-  u as initializeNodeRuntime
+  u as initializeNodeRuntime,
+  r as setIvm
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "2.0.23",
+  "version": "2.0.24-0",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
   "type": "module",
   "repository": {
@@ -148,5 +148,6 @@
         ]
       }
     }
-  }
+  },
+  "stableVersion": "2.0.23"
 }

package/types/blocks/textarea/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

package/types/blocks/textarea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './textarea';

package/types/blocks/textarea/textarea.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface TextareaProps {
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+declare function Textarea(props: TextareaProps): React.JSX.Element;
+export default Textarea;

package/types/cjs/blocks/BaseText.d.cts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface BaseTextProps {
+    text: string;
+}
+declare function BaseText(props: BaseTextProps): React.JSX.Element;
+export default BaseText;

package/types/cjs/blocks/button/button.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ButtonProps } from "./button.types.js";
+declare function Button(props: ButtonProps): React.JSX.Element;
+export default Button;

package/types/cjs/blocks/button/button.types.d.cts

@@ -0,0 +1,7 @@
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}

package/types/cjs/blocks/button/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/button/index.d.cts

@@ -0,0 +1 @@
+export { default } from './button.js';

package/types/cjs/blocks/columns/columns.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ColumnProps } from "./columns.types.js";
+declare function Columns(props: ColumnProps): React.JSX.Element;
+export default Columns;

package/types/cjs/blocks/columns/columns.types.d.cts

@@ -0,0 +1,15 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
+export type Column = {
+    blocks: BuilderBlock[];
+    width?: number;
+    link?: string;
+};
+type StackColumnsAt = 'tablet' | 'mobile' | 'never';
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
+    columns?: Column[];
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+export {};

package/types/cjs/blocks/columns/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/columns/helpers.d.cts

@@ -0,0 +1 @@
+export declare const getColumnsClass: (id?: string) => string;

package/types/cjs/blocks/columns/index.d.cts

@@ -0,0 +1 @@
+export { default } from './columns.js';

package/types/cjs/blocks/custom-code/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/custom-code/custom-code.d.cts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface CustomCodeProps {
+    code: string;
+    replaceNodes?: boolean;
+}
+declare function CustomCode(props: CustomCodeProps): React.JSX.Element;
+export default CustomCode;

package/types/cjs/blocks/custom-code/index.d.cts

@@ -0,0 +1 @@
+export { default } from './custom-code.js';

package/types/cjs/blocks/embed/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/embed/embed.d.cts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface EmbedProps {
+    content: string;
+}
+declare function Embed(props: EmbedProps): React.JSX.Element;
+export default Embed;

package/types/cjs/blocks/embed/helpers.d.cts

@@ -0,0 +1 @@
+export declare const isJsScript: (script: HTMLScriptElement) => boolean;

package/types/cjs/blocks/embed/index.d.cts

@@ -0,0 +1 @@
+export { default } from './embed.js';

package/types/cjs/blocks/form/form/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/form/form/form.d.cts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export type FormProps = BuilderDataProps & BuilderComponentsProp & BuilderLinkComponentProp & {
+    attributes?: any;
+    name?: string;
+    action?: string;
+    validate?: boolean;
+    method?: string;
+    sendSubmissionsTo?: string;
+    sendSubmissionsToEmail?: string;
+    sendWithJs?: boolean;
+    contentType?: string;
+    customHeaders?: {
+        [key: string]: string;
+    };
+    successUrl?: string;
+    previewState?: FormState;
+    successMessage?: BuilderBlock[];
+    errorMessage?: BuilderBlock[];
+    sendingMessage?: BuilderBlock[];
+    resetFormOnSubmit?: boolean;
+    errorMessagePath?: string;
+};
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export type FormState = "unsubmitted" | "sending" | "success" | "error";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from "../../../types/builder-props.js";
+declare function FormComponent(props: FormProps): React.JSX.Element;
+export default FormComponent;

package/types/cjs/blocks/form/form/index.d.cts

@@ -0,0 +1 @@
+export { default } from './form.js';

package/types/cjs/blocks/form/input/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/form/input/index.d.cts

@@ -0,0 +1 @@
+export { default } from './input.js';

package/types/cjs/blocks/form/input/input.d.cts

@@ -0,0 +1,15 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface FormInputProps {
+    type?: string;
+    attributes?: any;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    required?: boolean;
+}
+declare function FormInputComponent(props: FormInputProps): React.JSX.Element;
+export default FormInputComponent;

package/types/cjs/blocks/form/select/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/form/select/index.d.cts

@@ -0,0 +1 @@
+export { default } from './select.js';

package/types/cjs/blocks/form/select/select.d.cts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface FormSelectProps {
+    options?: {
+        name?: string;
+        value: string;
+    }[];
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+}
+declare function SelectComponent(props: FormSelectProps): React.JSX.Element;
+export default SelectComponent;

package/types/cjs/blocks/form/submit-button/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/form/submit-button/index.d.cts

@@ -0,0 +1 @@
+export { default } from './submit-button.js';

package/types/cjs/blocks/form/submit-button/submit-button.d.cts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+}
+declare function SubmitButton(props: ButtonProps): React.JSX.Element;
+export default SubmitButton;

package/types/cjs/blocks/fragment/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/fragment/fragment.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { FragmentProps } from "./fragment.types.js";
+declare function FragmentComponent(props: FragmentProps): React.JSX.Element;
+export default FragmentComponent;

package/types/cjs/blocks/fragment/fragment.types.d.cts

@@ -0,0 +1,5 @@
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}

package/types/cjs/blocks/fragment/index.d.cts

@@ -0,0 +1 @@
+export { default } from './fragment.js';

package/types/cjs/blocks/helpers.d.cts

@@ -0,0 +1,13 @@
+export declare function filterAttrs(attrs: {
+    [index: string]: any;
+}, prefix: string, isEvent: boolean): {
+    [index: string]: any;
+};
+/**
+ * Svelte SDK: workaround to dynamically provide event handlers to components/elements.
+ * https://svelte.dev/repl/1246699e266f41218a8eeb45b9b58b54?version=3.24.1
+ */
+export declare function setAttrs(node: HTMLElement, attrs?: Record<string, (event: Event) => void>): {
+    update(attrs?: {}): void;
+    destroy(): void;
+};

package/types/cjs/blocks/image/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/image/image.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ImageProps } from "./image.types.js";
+declare function Image(props: ImageProps): React.JSX.Element;
+export default Image;

package/types/cjs/blocks/image/image.helpers.d.cts

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

package/types/cjs/blocks/image/image.types.d.cts

@@ -0,0 +1,19 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: 'cover' | 'contain';
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}

package/types/cjs/blocks/image/index.d.cts

@@ -0,0 +1 @@
+export { default } from './image.js';

package/types/cjs/blocks/img/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/img/img.d.cts

@@ -0,0 +1,14 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ImgProps {
+    attributes?: any;
+    imgSrc?: string;
+    image?: string;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+declare function ImgComponent(props: ImgProps): React.JSX.Element;
+export default ImgComponent;

package/types/cjs/blocks/img/index.d.cts

@@ -0,0 +1 @@
+export { default } from './img.js';

package/types/cjs/blocks/raw-text/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/raw-text/index.d.cts

@@ -0,0 +1 @@
+export { default } from './raw-text.js';

package/types/cjs/blocks/raw-text/raw-text.d.cts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface RawTextProps {
+    attributes?: any;
+    text?: string;
+}
+declare function RawText(props: RawTextProps): React.JSX.Element;
+export default RawText;

package/types/cjs/blocks/section/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/section/index.d.cts

@@ -0,0 +1 @@
+export { default } from './section.js';

package/types/cjs/blocks/section/section.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SectionProps } from "./section.types.js";
+declare function SectionComponent(props: SectionProps): React.JSX.Element;
+export default SectionComponent;

package/types/cjs/blocks/section/section.types.d.cts

@@ -0,0 +1,6 @@
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}

package/types/cjs/blocks/slot/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/slot/index.d.cts

@@ -0,0 +1 @@
+export { default } from './slot.js';

package/types/cjs/blocks/slot/slot.d.cts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export type DropzoneProps = BuilderDataProps & {
+    name: string;
+    attributes: any;
+};
+import type { BuilderDataProps } from "../../types/builder-props.js";
+declare function Slot(props: DropzoneProps): React.JSX.Element;
+export default Slot;

package/types/cjs/blocks/symbol/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/symbol/index.d.cts

@@ -0,0 +1 @@
+export { default } from './symbol.js';

package/types/cjs/blocks/symbol/symbol.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SymbolProps } from "./symbol.types.js";
+declare function Symbol(props: SymbolProps): React.JSX.Element;
+export default Symbol;

package/types/cjs/blocks/symbol/symbol.helpers.d.cts

@@ -0,0 +1,14 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderContent } from '../../types/builder-content.js';
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export declare const fetchSymbolContent: ({ builderContextValue, symbol }: {
+    symbol: SymbolInfo | undefined;
+    builderContextValue: BuilderContextInterface;
+}) => Promise<any>;

package/types/cjs/blocks/symbol/symbol.types.d.cts

@@ -0,0 +1,18 @@
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
+interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    attributes?: any;
+    inheritState?: boolean;
+}
+export {};

package/types/cjs/blocks/tabs/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/tabs/index.d.cts

@@ -0,0 +1 @@
+export { default } from './tabs.js';

package/types/cjs/blocks/tabs/tabs.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { TabsProps } from "./tabs.types.js";
+declare function Tabs(props: TabsProps): React.JSX.Element;
+export default Tabs;

package/types/cjs/blocks/tabs/tabs.types.d.cts

@@ -0,0 +1,13 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface TabsProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
+    tabs: {
+        label: BuilderBlock[];
+        content: BuilderBlock[];
+    }[];
+    builderBlock: BuilderBlock;
+    defaultActiveTab?: number;
+    collapsible?: boolean;
+    tabHeaderLayout?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    activeTabStyle?: any;
+}

package/types/cjs/blocks/text/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/text/index.d.cts

@@ -0,0 +1 @@
+export { default } from './text.js';

package/types/cjs/blocks/text/text.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { TextProps } from "./text.types.js";
+declare function Text(props: TextProps): React.JSX.Element;
+export default Text;

package/types/cjs/blocks/text/text.types.d.cts

@@ -0,0 +1,4 @@
+import type { BuilderDataProps } from '../../types/builder-props.js';
+export type TextProps = {
+    text?: string;
+} & BuilderDataProps;

package/types/cjs/blocks/textarea/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/textarea/index.d.cts

@@ -0,0 +1 @@
+export { default } from './textarea.js';

package/types/cjs/blocks/textarea/textarea.d.cts

@@ -0,0 +1,13 @@
+import * as React from "react";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface TextareaProps {
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+declare function Textarea(props: TextareaProps): React.JSX.Element;
+export default Textarea;

package/types/cjs/blocks/video/component-info.d.cts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/cjs/blocks/video/index.d.cts

@@ -0,0 +1 @@
+export { default } from './video.js';

package/types/cjs/blocks/video/video.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { VideoProps } from "./video.types.js";
+declare function Video(props: VideoProps): React.JSX.Element;
+export default Video;

package/types/cjs/blocks/video/video.types.d.cts

@@ -0,0 +1,21 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface VideoProps {
+    attributes?: any;
+    video?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    fit?: 'contain' | 'cover' | 'fill';
+    preload?: 'auto' | 'metadata' | 'none';
+    position?: 'center' | 'top' | 'left' | 'right' | 'bottom' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    posterImage?: string;
+    lazyLoad?: boolean;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+}

package/types/cjs/components/block/animator.d.cts

@@ -0,0 +1,5 @@
+import type { BuilderAnimation } from '../../types/builder-block.js';
+export declare const camelCaseToKebabCase: (str?: string) => string;
+export declare function bindAnimations(animations: BuilderAnimation[]): void;
+export declare function triggerAnimation(animation: BuilderAnimation): void;
+export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

package/types/cjs/components/block/block.d.cts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type BlockProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+    linkComponent: any;
+};
+import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Block(props: BlockProps): React.JSX.Element;
+export default Block;

package/types/cjs/components/block/block.helpers.d.cts

@@ -0,0 +1,18 @@
+import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+import type { RepeatData } from './types.js';
+export declare const getComponent: ({ block, context, registeredComponents }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    registeredComponents: RegisteredComponents;
+}) => RegisteredComponent;
+export declare const getRepeatItemData: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => RepeatData[] | undefined;
+export declare const getInheritedStyles: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => Partial<CSSStyleDeclaration>;
+export declare const shouldPassLinkComponent: (block: RegisteredComponent | null | undefined) => boolean;
+export declare const shouldPassRegisteredComponents: (block: RegisteredComponent | null | undefined) => boolean;

package/types/cjs/components/block/components/block-styles.d.cts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type BlockStylesProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+declare function BlockStyles(props: BlockStylesProps): React.JSX.Element;
+export default BlockStyles;