@builder.io/sdk-react-native 0.4.0 → 0.4.2

package/dist/blocks/BaseText.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
+ * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
+ */
+export default function BaseText(props: any): JSX.Element;

package/dist/blocks/button/button.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+declare function Button(props: ButtonProps): JSX.Element;
+export default Button;

package/dist/blocks/button/component-info.d.ts

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

package/dist/blocks/columns/columns.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+type Column = {
+    blocks: BuilderBlock[];
+    width?: number;
+};
+type StackColumnsAt = "tablet" | "mobile" | "never";
+export interface ColumnProps {
+    columns?: Column[];
+    builderBlock: BuilderBlock;
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+import type { BuilderBlock } from "../../types/builder-block";
+declare function Columns(props: ColumnProps): JSX.Element;
+export default Columns;

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * TO-DO: need to add way to embed JS code
+ */
+export default function Embed(): JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * TO-DO: need to add way to embed JS code
+ */
+export default function Embed(): JSX.Element;

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

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

package/dist/blocks/form/component-info.d.ts

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

package/dist/blocks/form/form.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+interface BuilderElement {
+}
+export interface FormProps {
+    attributes?: any;
+    name?: string;
+    action?: string;
+    validate?: boolean;
+    method?: string;
+    builderBlock?: BuilderElement;
+    sendSubmissionsTo?: string;
+    sendSubmissionsToEmail?: string;
+    sendWithJs?: boolean;
+    contentType?: string;
+    customHeaders?: {
+        [key: string]: string;
+    };
+    successUrl?: string;
+    previewState?: FormState;
+    successMessage?: BuilderElement[];
+    errorMessage?: BuilderElement[];
+    sendingMessage?: BuilderElement[];
+    resetFormOnSubmit?: boolean;
+    errorMessagePath?: string;
+}
+export type FormState = "unsubmitted" | "sending" | "success" | "error";
+declare function FormComponent(props: any): JSX.Element;
+export default FormComponent;

package/dist/blocks/fragment/component-info.d.ts

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

package/dist/blocks/fragment/fragment.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}
+declare function FragmentComponent(props: FragmentProps): JSX.Element;
+export default FragmentComponent;

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type ImageProps = {
+    image: string;
+    backgroundSize?: 'cover' | 'contain';
+    backgroundPosition?: string;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    children?: any;
+    builderBlock: any;
+    fitContent?: boolean;
+};
+/**
+ * @param {ImageProps} props
+ */
+export default function Image(props: ImageProps): JSX.Element;
+export {};

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

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

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

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

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

@@ -10,7 +10,7 @@ const componentInfo = {
             name: "image",
             bubble: true,
             type: "file",
-            allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+            allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
             required: true
         }
     ],

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+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): JSX.Element;
+export default ImgComponent;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface FormInputProps {
+    type?: string;
+    attributes?: any;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    required?: boolean;
+}
+declare function FormInputComponent(props: FormInputProps): JSX.Element;
+export default FormInputComponent;

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * TO-DO: Implement
+ */
+export default function RawText(): JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}
+declare function SectionComponent(props: SectionProps): JSX.Element;
+export default SectionComponent;

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

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

package/dist/blocks/select/select.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface FormSelectProps {
+    options?: {
+        name?: string;
+        value: string;
+    }[];
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+}
+declare function SelectComponent(props: any): JSX.Element;
+export default SelectComponent;

package/dist/blocks/submit-button/component-info.d.ts

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

package/dist/blocks/submit-button/submit-button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+}
+declare function SubmitButton(props: ButtonProps): JSX.Element;
+export default SubmitButton;

package/dist/blocks/symbol/component-info.d.ts

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

package/dist/blocks/symbol/symbol.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export interface SymbolProps {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    builderBlock?: BuilderBlock;
+    attributes?: any;
+    inheritState?: boolean;
+}
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function Symbol(props: SymbolProps): JSX.Element;
+export default Symbol;

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

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

package/dist/blocks/text/text.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ *
+ * @param {{ text: string; builderBlock: BuilderBlock}} props
+ * @returns
+ */
+export default function Text(props: any): JSX.Element;

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

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

package/dist/blocks/textarea/textarea.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface TextareaProps {
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+declare function Textarea(props: TextareaProps): JSX.Element;
+export default Textarea;

package/dist/blocks/util.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Input attributes that are functions must be converted to strings before being serialized to JSON.
+ */
+export declare const serializeFn: (fnValue: Function) => string;

package/dist/blocks/video/component-info.d.ts

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

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+/**
+ *
+ * @typedef {{
+ *   attributes?: any;
+ *   video?: string;
+ *   autoPlay?: boolean;
+ *   controls?: boolean;
+ *   muted?: boolean;
+ *   loop?: boolean;
+ *   playsInline?: boolean;
+ *   aspectRatio?: number;
+ *   fit?: 'contain' | 'cover' | 'stretch';
+ *   position?:
+ *     | 'center'
+ *     | 'top'
+ *     | 'left'
+ *     | 'right'
+ *     | 'bottom'
+ *     | 'top left'
+ *     | 'top right'
+ *     | 'bottom left'
+ *     | 'bottom right';
+ *   posterImage?: string;
+ *   children?: any;
+ * }} VideoProps
+ */
+/**
+ * @param {VideoProps} props
+ */
+export default function Video(props: any): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="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): JSX.Element;
+export default BlockStyles;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type RenderBlockProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+declare function RenderBlock(props: RenderBlockProps): JSX.Element;
+export default RenderBlock;

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

@@ -0,0 +1,12 @@
+import type { BuilderContextInterface } from '../../context/types';
+import type { BuilderBlock } from '../../types/builder-block';
+import type { RepeatData } from './types';
+export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
+export declare const getComponent: ({ block, context, }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => import("../../context/types").RegisteredComponent | null | undefined;
+export declare const getRepeatItemData: ({ block, context, }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => RepeatData[] | undefined;

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

@@ -110,29 +110,6 @@ function RenderBlock(props) {
         const shouldRenderChildrenOutsideRef = !(component === null || component === void 0 ? void 0 : component.component) && !repeatItem();
         return shouldRenderChildrenOutsideRef ? (_a = useBlock().children) !== null && _a !== void 0 ? _a : [] : [];
     }
-    function childrenContext() {
-        const getInheritedTextStyles = () => {
-            if (target_js_1.TARGET !== "reactNative") {
-                return {};
-            }
-            return (0, extract_text_styles_js_1.extractTextStyles)((0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
-                block: useBlock(),
-                context: props.context,
-                blockStyles: attributes().style,
-            }));
-        };
-        return {
-            apiKey: props.context.apiKey,
-            apiVersion: props.context.apiVersion,
-            localState: props.context.localState,
-            rootState: props.context.rootState,
-            rootSetState: props.context.rootSetState,
-            content: props.context.content,
-            context: props.context.context,
-            registeredComponents: props.context.registeredComponents,
-            inheritedStyles: getInheritedTextStyles(),
-        };
-    }
     function renderComponentProps() {
         var _a;
         return {
@@ -153,9 +130,24 @@ function RenderBlock(props) {
                         },
                     }),
             },
-            context: childrenContext(),
+            context: childrenContext,
         };
     }
+    const [childrenContext, setChildrenContext] = (0, react_1.useState)(() => ({
+        apiKey: props.context.apiKey,
+        apiVersion: props.context.apiVersion,
+        localState: props.context.localState,
+        rootState: props.context.rootState,
+        rootSetState: props.context.rootSetState,
+        content: props.context.content,
+        context: props.context.context,
+        registeredComponents: props.context.registeredComponents,
+        inheritedStyles: (0, extract_text_styles_js_1.extractTextStyles)((0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
+            block: useBlock(),
+            context: props.context,
+            blockStyles: attributes().style,
+        })),
+    }));
     return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !(component === null || component === void 0 ? void 0 : component.noWrap) ? (React.createElement(React.Fragment, null,
         (0, render_block_helpers_js_1.isEmptyHtmlElement)(Tag) ? (React.createElement(React.Fragment, null,
             React.createElement(Tag, { ...attributes(), ...actions() }))) : null,
@@ -163,8 +155,8 @@ function RenderBlock(props) {
         !(0, render_block_helpers_js_1.isEmptyHtmlElement)(Tag) && !repeatItem() ? (React.createElement(React.Fragment, null,
             React.createElement(Tag, { ...attributes(), ...actions() },
                 React.createElement(render_component_1.default, { ...renderComponentProps() }), (_b = childrenWithoutParentComponent()) === null || _b === void 0 ? void 0 :
-                _b.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext() }))), (_c = childrenWithoutParentComponent()) === null || _c === void 0 ? void 0 :
-                _c.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext() })))))) : null)) : (React.createElement(React.Fragment, null,
+                _b.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext }))), (_c = childrenWithoutParentComponent()) === null || _c === void 0 ? void 0 :
+                _c.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext })))))) : null)) : (React.createElement(React.Fragment, null,
         React.createElement(render_component_1.default, { ...renderComponentProps() }))))) : null));
 }
 exports.default = RenderBlock;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type ComponentOptions = {
+    [index: string]: any;
+    attributes?: {
+        [index: string]: any;
+    };
+};
+export interface RenderComponentProps {
+    componentRef: any;
+    componentOptions: ComponentOptions;
+    blockChildren: BuilderBlock[];
+    context: BuilderContextInterface;
+}
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
+declare function RenderComponent(props: RenderComponentProps): JSX.Element;
+export default RenderComponent;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    block: BuilderBlock;
+    repeatContext: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block";
+declare function RenderRepeatedBlock(props: Props): JSX.Element;
+export default RenderRepeatedBlock;

package/dist/components/render-block/render-repeated-block.js

@@ -33,17 +33,8 @@ const react_1 = require("react");
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 const render_block_1 = __importDefault(require("./render-block"));
 function RenderRepeatedBlock(props) {
-    return (React.createElement(builder_context_js_1.default.Provider, { value: {
-            content: props.repeatContext.content,
-            localState: props.repeatContext.localState,
-            rootState: props.repeatContext.rootState,
-            rootSetState: props.repeatContext.rootSetState,
-            context: props.repeatContext.context,
-            apiKey: props.repeatContext.apiKey,
-            registeredComponents: props.repeatContext.registeredComponents,
-            inheritedStyles: props.repeatContext.inheritedStyles,
-            apiVersion: props.repeatContext.apiVersion,
-        } },
-        React.createElement(render_block_1.default, { block: props.block, context: props.repeatContext })));
+    const [store, setStore] = (0, react_1.useState)(() => props.repeatContext);
+    return (React.createElement(builder_context_js_1.default.Provider, { value: store },
+        React.createElement(render_block_1.default, { block: props.block, context: store })));
 }
 exports.default = RenderRepeatedBlock;

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

@@ -0,0 +1,6 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface RepeatData {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}

package/dist/components/render-blocks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type RenderBlockProps = {
+    blocks?: BuilderBlock[];
+    parent?: string;
+    path?: string;
+    styleProp?: Record<string, any>;
+};
+import type { BuilderBlock } from "../types/builder-block.js";
+declare function RenderBlocks(props: RenderBlockProps): JSX.Element;
+export default RenderBlocks;

package/dist/components/render-blocks.js

@@ -67,7 +67,7 @@ function RenderBlocks(props) {
     const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
     return (React.createElement(react_native_1.ScrollView, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
             class: className(),
-        }, contentContainerStyle: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter() },
+        }, contentContainerStyle: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter(), onKeyPress: (event) => onClick() },
         props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(render_block_1.default, { key: "render-block-" + block.id, block: block, context: builderContext }))))) : null,
         props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: builderContext }))))) : null));
 }

package/dist/components/render-content/builder-editing.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function BuilderEditing(props: any): JSX.Element;
+export default BuilderEditing;

package/dist/components/render-content/components/render-styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface Props {
+    cssCode?: string;
+    customFonts?: CustomFont[];
+    contentId?: string;
+}
+import type { CustomFont } from "./render-styles.helpers";
+declare function RenderContentStyles(props: Props): JSX.Element;
+export default RenderContentStyles;

package/dist/components/render-content/components/render-styles.helpers.d.ts

@@ -0,0 +1,15 @@
+export interface CustomFont {
+    family?: string;
+    kind?: string;
+    fileUrl?: string;
+    files?: {
+        [key: string]: string;
+    };
+}
+export declare const getFontCss: ({ customFonts }: {
+    customFonts?: CustomFont[] | undefined;
+}) => string;
+export declare const getCss: ({ cssCode, contentId, }: {
+    cssCode?: string | undefined;
+    contentId?: string | undefined;
+}) => string;

package/dist/components/render-content/index.d.ts

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

package/dist/components/render-content/render-content.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { RenderContentProps } from "./render-content.types.js";
+declare function RenderContent(props: RenderContentProps): JSX.Element;
+export default RenderContent;

package/dist/components/render-content/render-content.helpers.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
+import type { RenderContentProps } from './render-content.types';
+export declare const getContextStateInitialValue: ({ content, data, locale, }: Pick<RenderContentProps, 'content' | 'data' | 'locale'>) => {
+    [x: string]: unknown;
+};
+export declare const getContentInitialValue: ({ content, data, }: Pick<RenderContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;