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

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

@@ -1,135 +0,0 @@
-import * as React from "react";
-import { getBlockActions } from "../../functions/get-block-actions.js";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
-import { getBlockProperties } from "../../functions/get-block-properties.js";
-import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import BlockStyles from "./block-styles";
-import { getComponent, getProxyState, getRepeatItemData, isEmptyHtmlElement, } from "./render-block.helpers.js";
-import RenderRepeatedBlock from "./render-repeated-block";
-import { TARGET } from "../../constants/target.js";
-import { extractTextStyles } from "../../functions/extract-text-styles.js";
-import RenderComponent from "./render-component";
-import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
-function RenderBlock(props) {
-    const _context = { ...props["_context"] };
-    const state = {
-        component: getComponent({
-            block: props.block,
-            context: props.context,
-        }),
-        repeatItemData: getRepeatItemData({
-            block: props.block,
-            context: props.context,
-        }),
-        get useBlock() {
-            return state.repeatItemData
-                ? props.block
-                : getProcessedBlock({
-                    block: props.block,
-                    state: props.context.state,
-                    context: props.context.context,
-                    shouldEvaluateBindings: true,
-                });
-        },
-        tag: props.block.tagName || "div",
-        get canShowBlock() {
-            if ("hide" in state.useBlock) {
-                return !state.useBlock.hide;
-            }
-            if ("show" in state.useBlock) {
-                return state.useBlock.show;
-            }
-            return true;
-        },
-        proxyState: getProxyState(props.context),
-        get actions() {
-            return getBlockActions({
-                block: state.useBlock,
-                state: TARGET === "qwik" ? props.context.state : state.proxyState,
-                context: props.context.context,
-            });
-        },
-        get attributes() {
-            const blockProperties = getBlockProperties(state.useBlock);
-            return {
-                ...blockProperties,
-                ...(TARGET === "reactNative"
-                    ? {
-                        style: getReactNativeBlockStyles({
-                            block: state.useBlock,
-                            context: props.context,
-                            blockStyles: blockProperties.style,
-                        }),
-                    }
-                    : {}),
-            };
-        },
-        get childrenWithoutParentComponent() {
-            /**
-             * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
-             * we render them outside of `componentRef`.
-             * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of
-             * blocks, and the children will be repeated within those blocks.
-             */
-            const shouldRenderChildrenOutsideRef = !state.component?.component && !state.repeatItemData;
-            return shouldRenderChildrenOutsideRef
-                ? state.useBlock.children ?? []
-                : [];
-        },
-        get childrenContext() {
-            const getInheritedTextStyles = () => {
-                if (TARGET !== "reactNative") {
-                    return {};
-                }
-                return extractTextStyles(getReactNativeBlockStyles({
-                    block: state.useBlock,
-                    context: props.context,
-                    blockStyles: state.attributes.style,
-                }));
-            };
-            return {
-                apiKey: props.context.apiKey,
-                apiVersion: props.context.apiVersion,
-                state: props.context.state,
-                content: props.context.content,
-                context: props.context.context,
-                setState: props.context.setState,
-                registeredComponents: props.context.registeredComponents,
-                inheritedStyles: getInheritedTextStyles(),
-            };
-        },
-        get renderComponentProps() {
-            return {
-                blockChildren: state.useBlock.children ?? [],
-                componentRef: state.component?.component,
-                componentOptions: {
-                    ...getBlockComponentOptions(state.useBlock),
-                    /**
-                     * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
-                     * they are provided to the component itself directly.
-                     */
-                    ...(!state.component?.noWrap
-                        ? {}
-                        : {
-                            attributes: {
-                                ...state.attributes,
-                                ...state.actions,
-                            },
-                        }),
-                },
-                context: state.childrenContext,
-            };
-        },
-    };
-    const TagRef = state.tag;
-    return (React.createElement(React.Fragment, null, state.canShowBlock ? (React.createElement(React.Fragment, null, !state.component?.noWrap ? (React.createElement(React.Fragment, null,
-        isEmptyHtmlElement(state.tag) ? (React.createElement(React.Fragment, null,
-            React.createElement(TagRef, { ...state.attributes, ...state.actions }))) : null,
-        !isEmptyHtmlElement(state.tag) && state.repeatItemData ? (React.createElement(React.Fragment, null, state.repeatItemData?.map((data, index) => (React.createElement(RenderRepeatedBlock, { key: index, repeatContext: data.context, block: data.block, _context: _context }))))) : null,
-        !isEmptyHtmlElement(state.tag) && !state.repeatItemData ? (React.createElement(React.Fragment, null,
-            React.createElement(TagRef, { ...state.attributes, ...state.actions },
-                React.createElement(RenderComponent, { ...state.renderComponentProps, _context: _context }),
-                state.childrenWithoutParentComponent?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: state.childrenContext, _context: _context }))),
-                state.childrenWithoutParentComponent?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: state.childrenContext, _context: _context })))))) : null)) : (React.createElement(RenderComponent, { ...state.renderComponentProps, _context: _context })))) : null));
-}
-export default RenderBlock;

package/dist/rsc/components/render-block/render-component-with-context.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import BuilderContext from "../../context/builder.context.js";
-import RenderComponent from "./render-component.js";
-export default function RenderComponentWithContext(props) {
-    const _context = { ...props["_context"] };
-    _context.BuilderContext = {
-        get content() {
-            return props.context.content;
-        },
-        get state() {
-            return props.context.state;
-        },
-        get context() {
-            return props.context.context;
-        },
-        get apiKey() {
-            return props.context.apiKey;
-        },
-        get registeredComponents() {
-            return props.context.registeredComponents;
-        },
-        get inheritedStyles() {
-            return props.context.inheritedStyles;
-        },
-    };
-    return (React.createElement(RenderComponent, { componentRef: props.componentRef, componentOptions: props.componentOptions, blockChildren: props.blockChildren, context: props.context, _context: _context }));
-}

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

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

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

@@ -1,12 +0,0 @@
-import * as React from "react";
-import BlockStyles from "./block-styles";
-import RenderBlock from "./render-block";
-function RenderComponent(props) {
-    const _context = { ...props["_context"] };
-    const ComponentRefRef = props.componentRef;
-    return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
-        React.createElement(ComponentRefRef, { ...props.componentOptions, _context: _context },
-            props.blockChildren?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: props.context, _context: _context }))),
-            props.blockChildren?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: props.context, _context: _context })))))) : null));
-}
-export default RenderComponent;

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

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

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

@@ -1,17 +0,0 @@
-import * as React from "react";
-import BuilderContext from "../../context/builder.context.js";
-import RenderBlock from "./render-block";
-function RenderRepeatedBlock(props) {
-    const _context = { ...props["_context"] };
-    _context.BuilderContext = {
-        content: props.repeatContext.content,
-        state: props.repeatContext.state,
-        setState: props.repeatContext.setState,
-        context: props.repeatContext.context,
-        apiKey: props.repeatContext.apiKey,
-        registeredComponents: props.repeatContext.registeredComponents,
-        inheritedStyles: props.repeatContext.inheritedStyles,
-    };
-    return (React.createElement(RenderBlock, { block: props.block, context: props.repeatContext, _context: _context }));
-}
-export default RenderRepeatedBlock;

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

@@ -1 +0,0 @@
-"use strict";

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

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

package/dist/rsc/components/render-blocks.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import BuilderContext from "../context/builder.context.js";
-import { isEditing } from "../functions/is-editing.js";
-import BlockStyles from "./render-block/block-styles";
-import RenderBlock from "./render-block/render-block";
-function RenderBlocks(props) {
-    const _context = { ...props["_context"] };
-    const state = {
-        get className() {
-            return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
-        },
-        onClick() {
-            if (isEditing() && !props.blocks?.length) {
-                window.parent?.postMessage({
-                    type: "builder.clickEmptyBlocks",
-                    data: {
-                        parentElementId: props.parent,
-                        dataPath: props.path,
-                    },
-                }, "*");
-            }
-        },
-        onMouseEnter() {
-            if (isEditing() && !props.blocks?.length) {
-                window.parent?.postMessage({
-                    type: "builder.hoverEmptyBlocks",
-                    data: {
-                        parentElementId: props.parent,
-                        dataPath: props.path,
-                    },
-                }, "*");
-            }
-        },
-    };
-    const builderContext = _context["BuilderContext"];
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: state.className + " div-7a14f25c", "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
-                class: state.className,
-            }, style: props.styleProp },
-            props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(RenderBlock, { key: "render-block-" + block.id, block: block, context: builderContext, _context: _context }))))) : null,
-            props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(BlockStyles, { key: "block-style-" + block.id, block: block, context: builderContext, _context: _context }))))) : null),
-        React.createElement("style", null, `.div-7a14f25c {
-display: flex;
-flex-direction: column;
-align-items: stretch;
-}`)));
-}
-export default RenderBlocks;

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

@@ -1,27 +0,0 @@
-/**
- * @typedef {object} RegisteredComponent
- * @typedef {object} BuilderContent
- * @typedef {(data: {data: object, key: string }) => void} OnUpdateCallback
- * @typedef {{
- *   model: string,
- *   components?: RegisteredComponent[],
- *   children: any,
- *   onUpdate?: OnUpdateCallback,
- * }} BuilderEditingProps
- */
-/**
- * @param {BuilderEditingProps} props
- */
-export function BuilderEditingWrapper(props: BuilderEditingProps): JSX.Element;
-export type RegisteredComponent = object;
-export type BuilderContent = object;
-export type OnUpdateCallback = (data: {
-    data: object;
-    key: string;
-}) => void;
-export type BuilderEditingProps = {
-    model: string;
-    components?: RegisteredComponent[];
-    children: any;
-    onUpdate?: OnUpdateCallback;
-};

package/dist/rsc/components/render-content/builder-editing.js

@@ -1,48 +0,0 @@
-import React, { useEffect } from 'react';
-import { setupBrowserForEditing } from '../../scripts/init-editing.js';
-// import type { RegisteredComponent } from '../../context/types.js';
-// import type { BuilderContent } from '../../types/builder-content.js';
-/**
- * @typedef {object} RegisteredComponent
- * @typedef {object} BuilderContent
- * @typedef {(data: {data: object, key: string }) => void} OnUpdateCallback
- * @typedef {{
- *   model: string,
- *   components?: RegisteredComponent[],
- *   children: any,
- *   onUpdate?: OnUpdateCallback,
- * }} BuilderEditingProps
- */
-/**
- * @param {BuilderEditingProps} props
- */
-export function BuilderEditingWrapper(props) {
-    useEffect(() => {
-        setupBrowserForEditing();
-        if (props.components) {
-            for (const component of props.components) {
-                window.parent.postMessage({
-                    type: 'builder.registerComponent',
-                    data: component,
-                }, '*');
-            }
-        }
-        /**
-         *
-         * @param {MessageEvent} e
-         */
-        function onMessage(e) {
-            switch (e.data?.type) {
-                case 'builder.contentUpdate': {
-                    props.onUpdate?.(e.data.data);
-                }
-            }
-        }
-        addEventListener('message', onMessage);
-        return () => window.removeEventListener('message', onMessage);
-    }, [props.model]);
-    return (React.createElement("div", { onMouseDown: (e) => e.preventDefault(), onClickCapture: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-        } }, props.children));
-}

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

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

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

@@ -1,7 +0,0 @@
-export function getCss({ cssCode, contentId }: {
-    cssCode: any;
-    contentId: any;
-}): any;
-export function getFontCss({ customFonts }: {
-    customFonts: any;
-}): any;

package/dist/rsc/components/render-content/components/render-styles.helpers.js

@@ -1,51 +0,0 @@
-const getCssFromFont = (font) => {
-    var _a, _b;
-    const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
-    const name = family.split(",")[0];
-    const url = (_b = font.fileUrl) != null ? _b : (_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular;
-    let str = "";
-    if (url && family && name) {
-        str += `
-@font-face {
-font-family: "${family}";
-src: local("${name}"), url('${url}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim();
-    }
-    if (font.files) {
-        for (const weight in font.files) {
-            const isNumber = String(Number(weight)) === weight;
-            if (!isNumber) {
-                continue;
-            }
-            const weightUrl = font.files[weight];
-            if (weightUrl && weightUrl !== url) {
-                str += `
-@font-face {
-font-family: "${family}";
-src: url('${weightUrl}') format('woff2');
-font-display: fallback;
-font-weight: ${weight};
-}
-        `.trim();
-            }
-        }
-    }
-    return str;
-};
-const getFontCss = ({ customFonts }) => {
-    var _a;
-    return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
-};
-const getCss = ({ cssCode, contentId }) => {
-    if (!cssCode) {
-        return "";
-    }
-    if (!contentId) {
-        return cssCode;
-    }
-    return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
-};
-export { getCss, getFontCss };

package/dist/rsc/components/render-content/components/render-styles.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-import RenderInlinedStyles from "../../render-inlined-styles";
-import { getCss } from "./render-styles.helpers";
-import { getFontCss } from "./render-styles.helpers";
-function RenderContentStyles(props) {
-    const _context = { ...props["_context"] };
-    const state = {
-        injectedStyles: `
-${getCss({
-            cssCode: props.cssCode,
-            contentId: props.contentId,
-        })}
-${getFontCss({
-            customFonts: props.customFonts,
-        })}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-margin: 0;
-}
-.builder-text > p, .builder-text > .builder-paragraph {
-color: inherit;
-line-height: inherit;
-letter-spacing: inherit;
-font-weight: inherit;
-font-size: inherit;
-text-align: inherit;
-font-family: inherit;
-}
-`,
-    };
-    return (React.createElement(RenderInlinedStyles, { styles: state.injectedStyles, _context: _context }));
-}
-export default RenderContentStyles;

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

@@ -1,2 +0,0 @@
-export { default2 as default };
-import { default as default2 } from "./render-content";

package/dist/rsc/components/render-content/index.js

@@ -1,2 +0,0 @@
-import { default as default2 } from "./render-content";
-export { default2 as default };

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

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

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

@@ -1,9 +0,0 @@
-export function getContentInitialValue({ content, data }: {
-    content: any;
-    data: any;
-}): any;
-export function getContextStateInitialValue({ content, data, locale }: {
-    content: any;
-    data: any;
-    locale: any;
-}): any;

package/dist/rsc/components/render-content/render-content.helpers.js

@@ -1,38 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-    for (var prop in b || (b = {}))
-        if (__hasOwnProp.call(b, prop))
-            __defNormalProp(a, prop, b[prop]);
-    if (__getOwnPropSymbols)
-        for (var prop of __getOwnPropSymbols(b)) {
-            if (__propIsEnum.call(b, prop))
-                __defNormalProp(a, prop, b[prop]);
-        }
-    return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const getContextStateInitialValue = ({ content, data, locale }) => {
-    var _a, _b, _c;
-    const defaultValues = {};
-    (_b = (_a = content == null ? void 0 : content.data) == null ? void 0 : _a.inputs) == null ? void 0 : _b.forEach((input) => {
-        var _a2;
-        if (input.name && input.defaultValue !== void 0 && ((_a2 = content == null ? void 0 : content.data) == null ? void 0 : _a2.state) && content.data.state[input.name] === void 0) {
-            defaultValues[input.name] = input.defaultValue;
-        }
-    });
-    const stateToUse = __spreadValues(__spreadValues(__spreadValues({}, (_c = content == null ? void 0 : content.data) == null ? void 0 : _c.state), data), locale ? { locale } : {});
-    return __spreadValues(__spreadValues({}, defaultValues), stateToUse);
-};
-const getContentInitialValue = ({ content, data }) => {
-    return !content ? void 0 : __spreadProps(__spreadValues({}, content), {
-        data: __spreadValues(__spreadValues({}, content == null ? void 0 : content.data), data),
-        meta: content == null ? void 0 : content.meta
-    });
-};
-export { getContentInitialValue, getContextStateInitialValue };