@builder.io/react 3.0.0 → 3.0.2-0

package/dist/lib/test/image.test.js

@@ -1,54 +1,29 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var Image_1 = require("../src/blocks/Image");
-var reactTestRenderer = __importStar(require("react-test-renderer"));
-var render_block_1 = require("./functions/render-block");
-var builder_react_1 = require("../src/builder-react");
+import * as React from 'react';
+import { Image } from '../src/blocks/Image';
+import * as reactTestRenderer from 'react-test-renderer';
+import { block } from './functions/render-block';
+import { BuilderPage } from '../src/builder-react';
 describe('Image', function () {
     it('Builder image url', function () {
         var tree = reactTestRenderer
-            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
+            .create(React.createElement(Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
     it('Builder image url with width', function () {
         var tree = reactTestRenderer
-            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
+            .create(React.createElement(Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
     it('Shopify image url', function () {
         var tree = reactTestRenderer
-            .create(React.createElement(Image_1.Image, { image: "https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853" }))
+            .create(React.createElement(Image, { image: "https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853" }))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
     it('Amp image', function () {
-        var imageBlock = (0, render_block_1.block)('Image', {
+        var imageBlock = block('Image', {
             image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
         }, {
             responsiveStyles: {
@@ -61,7 +36,7 @@ describe('Image', function () {
             },
         }, 1234);
         var renderedBlock = reactTestRenderer
-            .create(React.createElement(builder_react_1.BuilderPage, { model: "page", ampMode: true, content: {
+            .create(React.createElement(BuilderPage, { model: "page", ampMode: true, content: {
                 data: {
                     blocks: [imageBlock],
                 },
@@ -71,18 +46,18 @@ describe('Image', function () {
     });
     it('Lazy load', function () {
         var tree = reactTestRenderer
-            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", lazy: true }))
+            .create(React.createElement(Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", lazy: true }))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
     it('with sizes, srcset, and alt', function () {
         var tree = reactTestRenderer
-            .create(React.createElement(Image_1.Image, { sizes: "(max-width: 600px) 67vw, 92vw", srcset: "nosrcset", altText: "this great image", image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", amp: "true" }))
+            .create(React.createElement(Image, { sizes: "(max-width: 600px) 67vw, 92vw", srcset: "nosrcset", altText: "this great image", image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", amp: "true" }))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
     it('with responsive styles', function () {
-        var imageBlock = (0, render_block_1.block)('Image', {
+        var imageBlock = block('Image', {
             image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
         }, {
             responsiveStyles: {
@@ -95,7 +70,7 @@ describe('Image', function () {
             },
         }, 1234);
         var renderedBlock = reactTestRenderer
-            .create(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
+            .create(React.createElement(BuilderPage, { model: "page", content: {
                 data: {
                     blocks: [imageBlock],
                 },

package/dist/lib/test/image.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.test.js","sourceRoot":"","sources":["../../../test/image.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.test.js","sourceRoot":"","sources":["../../../test/image.test.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@builder.io/react",
-  "version": "3.0.0",
+  "version": "3.0.2-0",
   "description": "",
   "keywords": [],
   "main": "dist/builder-react.cjs.js",
   "unpkg": "dist/builder-react.unpkg.js",
-  "module": "dist/builder-react.es5.js",
+  "module": "dist/lib/src/builder-react.js",
   "typings": "dist/types/src/builder-react.d.ts",
   "author": "Steve Sewell <steve@builder.io>",
   "repository": {
@@ -24,7 +24,7 @@
     "docs": "typedoc",
     "lint": "tslint -t codeFrame '../**/*.ts' 'test/**/*.ts'",
     "prebuild": "rimraf dist",
-    "build": "NODE_ENV=production tsc --module commonjs && rollup -c rollup.config.ts",
+    "build": "NODE_ENV=production tsc && rollup -c rollup.config.ts",
     "build:docs": "typedoc --out docs --target es6 --theme minimal --mode file src",
     "start": "rollup -c rollup.config.ts -w",
     "test": "jest",
@@ -122,7 +122,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@builder.io/sdk": "2.0.0",
+    "@builder.io/sdk": "2.0.1",
     "@emotion/core": "^10.0.17",
     "hash-sum": "^2.0.0",
     "preact": "^10.1.0",
@@ -131,5 +131,6 @@
   "installConfig": {
     "hoistingLimits": "workspaces"
   },
-  "gitHead": "4d96fbc32864698afbb355ab991c6d90be991951"
+  "gitHead": "4d96fbc32864698afbb355ab991c6d90be991951",
+  "stableVersion": "3.0.1"
 }

package/rollup.config.ts

@@ -92,7 +92,6 @@ export default [
   {
     ...options,
     output: [
-      { file: pkg.module, format: 'es', sourcemap: true },
       { file: pkg.main, format: 'cjs', sourcemap: true },
     ],
     external: externalDependencies.concat('node-fetch'),

package/src/blocks/Button.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { withBuilder } from '../functions/with-builder';
 import { Link } from '../components/Link';

package/src/blocks/CustomCode.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement, Builder } from '@builder.io/sdk';
 import { withBuilder } from '../functions/with-builder';

package/src/blocks/Embed.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Builder } from '@builder.io/sdk';
 import { withBuilder } from '../functions/with-builder';

package/src/blocks/Fragment.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { withBuilder } from '../functions/with-builder';

package/src/blocks/StateProvider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlock as BuilderBlockComponent } from '../components/builder-block.component';

package/src/blocks/forms/Button.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { withBuilder } from '../../functions/with-builder';
 

package/src/blocks/forms/Input.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Builder } from '@builder.io/sdk';
 import { withBuilder } from '../../functions/with-builder';

package/src/blocks/forms/Label.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlockComponent } from '../../builder-react';

package/src/blocks/forms/Select.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Builder } from '@builder.io/sdk';
 import { withBuilder } from '../../functions/with-builder';

package/src/blocks/forms/TextArea.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { withBuilder } from '../../functions/with-builder';
 

package/src/blocks/raw/Img.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { withBuilder } from '../../functions/with-builder';

package/src/blocks/raw/RawText.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { BuilderElement, Builder } from '@builder.io/sdk';
 

package/src/components/Link.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderStoreContext } from '../store/builder-store';
 /**

package/src/components/builder-component.component.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { jsx, css } from '@emotion/core';

package/src/components/builder-content.component.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import {
   builder,

package/src/components/no-wrap.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 
 export const NoWrap = (props: React.ComponentPropsWithoutRef<any>) => props.children;

package/src/components/variants-provider.component.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { builder, Builder, BuilderContent, BuilderContentVariation } from '@builder.io/sdk';
 

package/src/functions/no-wrap.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlock } from '../components/builder-block.component';

package/src/functions/try-eval.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Builder } from '@builder.io/sdk';
 import { safeDynamicRequire } from './safe-dynamic-require';
 

package/src/functions/with-children.tsx

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlock } from '../components/builder-block.component';