@builder.io/sdk-react 0.2.3-2 → 0.2.3-4

package/dist/react/cjs/components/render-block/render-block.helpers.js

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEmptyHtmlElement = exports.getRepeatItemData = exports.getProxyState = exports.getComponent = void 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));
-var __objRest = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-            target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols)
-        for (var prop of __getOwnPropSymbols(source)) {
-            if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-                target[prop] = source[prop];
-        }
-    return target;
-};
-const evaluate_1 = require("../../functions/evaluate");
-const get_processed_block_1 = require("../../functions/get-processed-block");
-const EMPTY_HTML_ELEMENTS = [
-    "area",
-    "base",
-    "br",
-    "col",
-    "embed",
-    "hr",
-    "img",
-    "input",
-    "keygen",
-    "link",
-    "meta",
-    "param",
-    "source",
-    "track",
-    "wbr"
-];
-const isEmptyHtmlElement = (tagName) => {
-    return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
-};
-exports.isEmptyHtmlElement = isEmptyHtmlElement;
-const getComponent = ({ block, context }) => {
-    var _a;
-    const componentName = (_a = (0, get_processed_block_1.getProcessedBlock)({
-        block,
-        state: context.state,
-        context: context.context,
-        shouldEvaluateBindings: false
-    }).component) == null ? void 0 : _a.name;
-    if (!componentName) {
-        return null;
-    }
-    const ref = context.registeredComponents[componentName];
-    if (!ref) {
-        console.warn(`
-      Could not find a registered component named "${componentName}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);
-        return void 0;
-    }
-    else {
-        return ref;
-    }
-};
-exports.getComponent = getComponent;
-const getRepeatItemData = ({ block, context }) => {
-    const _a = block, { repeat } = _a, blockWithoutRepeat = __objRest(_a, ["repeat"]);
-    if (!(repeat == null ? void 0 : repeat.collection)) {
-        return void 0;
-    }
-    const itemsArray = (0, evaluate_1.evaluate)({
-        code: repeat.collection,
-        state: context.state,
-        context: context.context
-    });
-    if (!Array.isArray(itemsArray)) {
-        return void 0;
-    }
-    const collectionName = repeat.collection.split(".").pop();
-    const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
-    const repeatArray = itemsArray.map((item, index) => ({
-        context: __spreadProps(__spreadValues({}, context), {
-            state: __spreadProps(__spreadValues({}, context.state), {
-                $index: index,
-                $item: item,
-                [itemNameToUse]: item,
-                [`$${itemNameToUse}Index`]: index
-            })
-        }),
-        block: blockWithoutRepeat
-    }));
-    return repeatArray;
-};
-exports.getRepeatItemData = getRepeatItemData;
-const getProxyState = (context) => {
-    if (typeof Proxy === "undefined") {
-        console.error("no Proxy available in this environment, cannot proxy state.");
-        return context.state;
-    }
-    const useState = new Proxy(context.state, {
-        set: (obj, prop, value) => {
-            var _a;
-            obj[prop] = value;
-            (_a = context.setState) == null ? void 0 : _a.call(context, obj);
-            return true;
-        }
-    });
-    return useState;
-};
-exports.getProxyState = getProxyState;

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

@@ -1,134 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const get_block_actions_js_1 = require("../../functions/get-block-actions.js");
-const get_block_component_options_js_1 = require("../../functions/get-block-component-options.js");
-const get_block_properties_js_1 = require("../../functions/get-block-properties.js");
-const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
-const block_styles_1 = require("./block-styles");
-const render_block_helpers_js_1 = require("./render-block.helpers.js");
-const render_repeated_block_1 = require("./render-repeated-block");
-const target_js_1 = require("../../constants/target.js");
-const extract_text_styles_js_1 = require("../../functions/extract-text-styles.js");
-const render_component_1 = require("./render-component");
-const get_react_native_block_styles_js_1 = require("../../functions/get-react-native-block-styles.js");
-function RenderBlock(props) {
-    const [component, setComponent] = (0, react_1.useState)(() => (0, render_block_helpers_js_1.getComponent)({
-        block: props.block,
-        context: props.context,
-    }));
-    const [repeatItemData, setRepeatItemData] = (0, react_1.useState)(() => (0, render_block_helpers_js_1.getRepeatItemData)({
-        block: props.block,
-        context: props.context,
-    }));
-    function useBlock() {
-        return repeatItemData
-            ? props.block
-            : (0, get_processed_block_js_1.getProcessedBlock)({
-                block: props.block,
-                state: props.context.state,
-                context: props.context.context,
-                shouldEvaluateBindings: true,
-            });
-    }
-    const [tag, setTag] = (0, react_1.useState)(() => props.block.tagName || "div");
-    function canShowBlock() {
-        if ("hide" in useBlock()) {
-            return !useBlock().hide;
-        }
-        if ("show" in useBlock()) {
-            return useBlock().show;
-        }
-        return true;
-    }
-    const [proxyState, setProxyState] = (0, react_1.useState)(() => (0, render_block_helpers_js_1.getProxyState)(props.context));
-    function actions() {
-        return (0, get_block_actions_js_1.getBlockActions)({
-            block: useBlock(),
-            state: target_js_1.TARGET === "qwik" ? props.context.state : proxyState,
-            context: props.context.context,
-        });
-    }
-    function attributes() {
-        const blockProperties = (0, get_block_properties_js_1.getBlockProperties)(useBlock());
-        return {
-            ...blockProperties,
-            ...(target_js_1.TARGET === "reactNative"
-                ? {
-                    style: (0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
-                        block: useBlock(),
-                        context: props.context,
-                        blockStyles: blockProperties.style,
-                    }),
-                }
-                : {}),
-        };
-    }
-    function 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 = !component?.component && !repeatItemData;
-        return shouldRenderChildrenOutsideRef ? useBlock().children ?? [] : [];
-    }
-    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,
-            state: props.context.state,
-            content: props.context.content,
-            context: props.context.context,
-            setState: props.context.setState,
-            registeredComponents: props.context.registeredComponents,
-            inheritedStyles: getInheritedTextStyles(),
-        };
-    }
-    function renderComponentProps() {
-        return {
-            blockChildren: useBlock().children ?? [],
-            componentRef: component?.component,
-            componentOptions: {
-                ...(0, get_block_component_options_js_1.getBlockComponentOptions)(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.
-                 */
-                ...(!component?.noWrap
-                    ? {}
-                    : {
-                        attributes: {
-                            ...attributes(),
-                            ...actions(),
-                        },
-                    }),
-            },
-            context: childrenContext(),
-        };
-    }
-    const TagRef = tag;
-    return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !component?.noWrap ? (React.createElement(React.Fragment, null,
-        (0, render_block_helpers_js_1.isEmptyHtmlElement)(tag) ? (React.createElement(React.Fragment, null,
-            React.createElement(TagRef, { ...attributes(), ...actions() }))) : null,
-        !(0, render_block_helpers_js_1.isEmptyHtmlElement)(tag) && repeatItemData ? (React.createElement(React.Fragment, null, repeatItemData?.map((data, index) => (React.createElement(render_repeated_block_1.default, { key: index, repeatContext: data.context, block: data.block }))))) : null,
-        !(0, render_block_helpers_js_1.isEmptyHtmlElement)(tag) && !repeatItemData ? (React.createElement(React.Fragment, null,
-            React.createElement(TagRef, { ...attributes(), ...actions() },
-                React.createElement(render_component_1.default, { ...renderComponentProps() }),
-                childrenWithoutParentComponent()?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext() }))),
-                childrenWithoutParentComponent()?.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext() })))))) : null)) : (React.createElement(render_component_1.default, { ...renderComponentProps() })))) : null));
-}
-exports.default = RenderBlock;

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

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

package/dist/react/cjs/components/render-block/render-component.js

@@ -1,14 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const block_styles_1 = require("./block-styles");
-const render_block_1 = require("./render-block");
-function RenderComponent(props) {
-    const ComponentRefRef = props.componentRef;
-    return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
-        React.createElement(ComponentRefRef, { ...props.componentOptions },
-            props.blockChildren?.map((child) => (React.createElement(render_block_1.default, { key: "render-block-" + child.id, block: child, context: props.context }))),
-            props.blockChildren?.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
-}
-exports.default = RenderComponent;

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

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

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

@@ -1,20 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const builder_context_js_1 = require("../../context/builder.context.js");
-const render_block_1 = require("./render-block");
-function RenderRepeatedBlock(props) {
-    return (React.createElement(builder_context_js_1.default.Provider, { value: {
-            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,
-        } },
-        React.createElement(render_block_1.default, { block: props.block, context: props.repeatContext })));
-}
-exports.default = RenderRepeatedBlock;

package/dist/react/cjs/components/render-block/types.js

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

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

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

package/dist/react/cjs/components/render-blocks.js

@@ -1,49 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const builder_context_js_1 = require("../context/builder.context.js");
-const is_editing_js_1 = require("../functions/is-editing.js");
-const block_styles_1 = require("./render-block/block-styles");
-const render_block_1 = require("./render-block/render-block");
-function RenderBlocks(props) {
-    function className() {
-        return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
-    }
-    function onClick() {
-        if ((0, is_editing_js_1.isEditing)() && !props.blocks?.length) {
-            window.parent?.postMessage({
-                type: "builder.clickEmptyBlocks",
-                data: {
-                    parentElementId: props.parent,
-                    dataPath: props.path,
-                },
-            }, "*");
-        }
-    }
-    function onMouseEnter() {
-        if ((0, is_editing_js_1.isEditing)() && !props.blocks?.length) {
-            window.parent?.postMessage({
-                type: "builder.hoverEmptyBlocks",
-                data: {
-                    parentElementId: props.parent,
-                    dataPath: props.path,
-                },
-            }, "*");
-        }
-    }
-    const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: className() + " div-1fdf6196", "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
-                class: className(),
-            }, style: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter() },
-            props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.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, props.blocks?.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: builderContext }))))) : null),
-        React.createElement("style", null, `.div-1fdf6196 {
-display: flex;
-flex-direction: column;
-align-items: stretch;
-}`)));
-}
-exports.default = RenderBlocks;

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

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

package/dist/react/cjs/components/render-content/builder-editing.js

@@ -1,8 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-function BuilderEditing(props) {
-    return React.createElement("div", null);
-}
-exports.default = BuilderEditing;

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

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

package/dist/react/cjs/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/react/cjs/components/render-content/components/render-styles.helpers.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFontCss = exports.getCss = void 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(" ")) || "";
-};
-exports.getFontCss = getFontCss;
-const getCss = ({ cssCode, contentId }) => {
-    if (!cssCode) {
-        return "";
-    }
-    if (!contentId) {
-        return cssCode;
-    }
-    return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
-};
-exports.getCss = getCss;

package/dist/react/cjs/components/render-content/components/render-styles.js

@@ -1,34 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const render_inlined_styles_1 = require("../../render-inlined-styles");
-const render_styles_helpers_1 = require("./render-styles.helpers");
-const render_styles_helpers_2 = require("./render-styles.helpers");
-function RenderContentStyles(props) {
-    const [injectedStyles, setInjectedStyles] = (0, react_1.useState)(() => `
-${(0, render_styles_helpers_1.getCss)({
-        cssCode: props.cssCode,
-        contentId: props.contentId,
-    })}
-${(0, render_styles_helpers_2.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(render_inlined_styles_1.default, { styles: injectedStyles });
-}
-exports.default = RenderContentStyles;

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

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

package/dist/react/cjs/components/render-content/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-const render_content_1 = require("./render-content");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return render_content_1.default; } });

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

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

package/dist/react/cjs/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/react/cjs/components/render-content/render-content.helpers.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getContextStateInitialValue = exports.getContentInitialValue = void 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);
-};
-exports.getContextStateInitialValue = getContextStateInitialValue;
-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
-    });
-};
-exports.getContentInitialValue = getContentInitialValue;