@builder.io/react - npm Package Compare versions

Comparing version 0.1.96 to 0.1.97-0

dist/lib/components/builder-content.component.js

@@ -80,3 +80,3 @@ "use strict";
         // TODO: tag instead?
-        react_1.default.createElement("div", { className: "builder-content", onClick: this.onClick, "builder-content-id": this.state.data && this.state.data.id, "builder-model": this.props.modelName }, this.props.children(data && data.data, loading)));
+        react_1.default.createElement("div", { className: "builder-content", onClick: this.onClick, "builder-content-id": this.state.data && this.state.data.id, "builder-model": this.props.modelName }, this.props.children(data && data.data, loading, data)));
     };
@@ -83,0 +83,0 @@ return BuilderContent;

dist/lib/components/builder-page.component.js

@@ -261,7 +261,7 @@ "use strict";
         return (react_1.default.createElement(builder_store_1.BuilderStoreContext.Provider, { value: __assign({}, this.state, { state: this.data }) },
-            react_1.default.createElement(builder_content_component_1.BuilderContent, { contentLoaded: this.onContentLoaded, options: this.props.options, modelName: this.props.modelName || 'page' }, function (data) {
+            react_1.default.createElement(builder_content_component_1.BuilderContent, { contentLoaded: this.onContentLoaded, options: this.props.options, modelName: this.props.modelName || 'page' }, function (data, loading, fullData) {
                 // TODO: loading option - maybe that is what the children is or component prop
-                return (data && (react_1.default.createElement(react_1.default.Fragment, null,
+                return data ? (react_1.default.createElement("div", { "data-builder-component": _this.props.modelName, "data-builder-content-id": fullData.id, "data-builder-variation-id": fullData.variationId },
                     _this.getCss(data) && (react_1.default.createElement("style", { dangerouslySetInnerHTML: { __html: _this.getCss(data) } })),
-                    react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { fieldName: "blocks", blocks: data.blocks }))));
+                    react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { fieldName: "blocks", blocks: data.blocks }))) : loading ? (react_1.default.createElement("div", { "data-builder-component": _this.props.modelName, className: "builder-loading" })) : (react_1.default.createElement("div", { "data-builder-component": _this.props.modelName, className: "builder-no-content" }));
             })));
@@ -268,0 +268,0 @@ };

dist/types/components/builder-content.component.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
     options?: GetContentOptions;
-    children: (content: ContentType, loading: boolean) => React.ReactNode;
+    children: (content: ContentType, loading?: boolean, fullData?: any) => React.ReactNode;
 }
@@ -12,0 +12,0 @@ export declare class BuilderContent<ContentType extends object = any> extends React.Component<BuilderContentProps<ContentType>> {

package.json

 {
   "name": "@builder.io/react",
-  "version": "0.1.96",
+  "version": "0.1.97-0",
   "description": "",
@@ -5,0 +5,0 @@ "keywords": [],

No alert changes

Improved metrics

Total package byte prevSize

3602471

increased by0.08%

Lines of code

26045

increased by0.01%

No dependency changes