@builder.io/react 3.1.1 → 3.2.0

package/src/blocks/Router.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { BuilderElement, builder, Builder } from '@builder.io/sdk';
 import { BuilderStoreContext } from '../store/builder-store';
 import { BuilderComponent } from '../components/builder-component.component';
@@ -55,7 +55,7 @@ export interface RouteEvent {
   preventDefault(): void;
 }
 
-class RouterComponent extends React.Component<RouterProps> {
+class RouterComponent extends React.Component<PropsWithChildren<RouterProps>> {
   builder = builder;
 
   routed = false;

package/src/blocks/Section.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlock as BuilderBlockComponent } from '../components/builder-block.component';
 import { withBuilder } from '../functions/with-builder';
@@ -14,7 +14,10 @@ interface SectionProps {
   lazyStyles?: any;
 }
 
-class SectionComponent extends React.Component<SectionProps, { inView?: boolean }> {
+class SectionComponent extends React.Component<
+  PropsWithChildren<SectionProps>,
+  { inView?: boolean }
+> {
   ref: HTMLElement | null = null;
 
   unmountCallbacks: Function[] = [];

package/src/blocks/StateProvider.tsx

@@ -1,5 +1,5 @@
 'use client';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { BuilderElement } from '@builder.io/sdk';
 import { BuilderBlock as BuilderBlockComponent } from '../components/builder-block.component';
 import { BuilderStoreContext } from '../store/builder-store';
@@ -11,7 +11,7 @@ interface StateProviderProps {
   context?: any;
 }
 
-class StateProviderComponent extends React.Component<StateProviderProps> {
+class StateProviderComponent extends React.Component<PropsWithChildren<StateProviderProps>> {
   render() {
     return (
       <BuilderStoreContext.Consumer>

package/src/blocks/Symbol.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { BuilderComponent } from '../components/builder-component.component';
 import { Builder, BuilderElement } from '@builder.io/sdk';
 import hash from 'hash-sum';
@@ -47,7 +47,7 @@ export interface SymbolProps {
   inheritState?: boolean;
 }
 
-class SymbolComponent extends React.Component<SymbolProps> {
+class SymbolComponent extends React.Component<PropsWithChildren<SymbolProps>> {
   ref: BuilderComponent | null = null;
   staticRef: HTMLDivElement | null = null;
 

package/src/blocks/Video.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 
 import { throttle } from '../functions/throttle';
 import { withChildren } from '../functions/with-children';
@@ -8,23 +8,25 @@ import { Builder } from '@builder.io/sdk';
 
 const DEFAULT_ASPECT_RATIO = 0.7004048582995948;
 
-class VideoComponent extends React.Component<{
-  video: string;
-  autoPlay?: boolean;
-  controls?: boolean;
-  muted?: boolean;
-  loop?: boolean;
-  playsInline?: boolean;
-  aspectRatio?: number;
-  width?: number;
-  height?: number;
-  fit?: 'contain' | 'cover' | 'fill';
-  preload?: 'auto' | 'metadata' | 'none';
-  position?: string;
-  posterImage?: string;
-  lazyLoad?: boolean;
-  fitContent?: boolean;
-}> {
+class VideoComponent extends React.Component<
+  PropsWithChildren<{
+    video: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    fit?: 'contain' | 'cover' | 'fill';
+    preload?: 'auto' | 'metadata' | 'none';
+    position?: string;
+    posterImage?: string;
+    lazyLoad?: boolean;
+    fitContent?: boolean;
+  }>
+> {
   video: HTMLVideoElement | null = null;
   containerRef: HTMLElement | null = null;
 

package/src/components/Link.tsx

@@ -8,7 +8,7 @@ import { BuilderStoreContext } from '../store/builder-store';
  * custom Link component (e.g Next, Gatsby, React Router)
  * <BuilderComponent renderLink=(props) => <myCustomLink {...props} /> />
  */
-export const Link: React.SFC<React.AnchorHTMLAttributes<HTMLAnchorElement>> = props => (
+export const Link = (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (
   <BuilderStoreContext.Consumer>
     {context => {
       if (context.renderLink) {

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

@@ -1,5 +1,5 @@
 'use client';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import ReactDOM from 'react-dom';
 import { jsx, css } from '@emotion/core';
 import { BuilderContent, getContentWithInfo } from './builder-content.component';
@@ -336,7 +336,7 @@ function searchToObject(location: Location | Url) {
  * `props.content`.
  */
 export class BuilderComponent extends React.Component<
-  BuilderComponentProps,
+  PropsWithChildren<BuilderComponentProps>,
   BuilderComponentState
 > {
   static defaults: Pick<BuilderComponentProps, 'codegen'> = {

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

@@ -101,10 +101,7 @@ interface VariantsProviderProps {
   children: (variants: BuilderContent[], renderScript?: () => JSX.Element) => JSX.Element;
 }
 
-export const VariantsProvider: React.SFC<VariantsProviderProps> = ({
-  initialContent,
-  children,
-}) => {
+export const VariantsProvider = ({ initialContent, children }: VariantsProviderProps) => {
   if (Builder.isBrowser && !builder.canTrack) {
     return children([initialContent]);
   }

package/tsconfig.json

@@ -7,6 +7,7 @@
     "module": "es2015",
     "lib": ["dom", "es5", "es2015.promise"],
     "strict": true,
+    "noImplicitAny": false,
     "sourceMap": true,
     "declaration": true,
     "skipLibCheck": true,

package/dist/lib/src/scripts/iso-vm.js

@@ -1,74 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var ivm = require('isolated-vm');
-var isolate = new ivm.Isolate({ memoryLimit: 128 });
-var context = isolate.createContextSync();
-var jail = context.global;
-var state = { articles: { bar: [{ a: 1 }] } };
-var fetch = require('node-fetch');
-var fetching = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var result, json, b;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, fetch("https://cdn.builder.io/api/v3/content/page?apiKey=c3e3257ff5594facbf478a68d37f766d&limit=1&fields=id")];
-            case 1:
-                result = _a.sent();
-                return [4 /*yield*/, result.json()];
-            case 2:
-                json = _a.sent();
-                console.log(json);
-                b = undefined;
-                jail.setSync('returnValue', function (val) { return (b = val); });
-                state.articles = json;
-                context.evalClosureSync("\n  const refToProxy = (obj) => {\n     if (typeof obj !== 'object' || obj === null) {\n       return obj;\n     }\n     return new Proxy(obj, {\n         get(target, key) {\n            if(key === 'toJS') {\n              return () => obj.copySync();\n            }\n             const val = obj.getSync(key);\n             if (typeof val?.getSync === 'function') {\n                 return refToProxy(val);\n             }\n             return val;\n         },\n         set(target, key, value) {\n             obj.setSync(key, value);\n         },\n         deleteProperty(target, key) {\n             obj.deleteSync(key);\n         },\n       })\n   }\n   const state = refToProxy($0);\n   \n   returnValue(state.toJS());\n   return state.articles.results.toJS();\n ", [new ivm.Reference(state)]);
-                console.log(b.articles.results);
-                return [2 /*return*/];
-        }
-    });
-}); };
-jail.setSync('global', jail.derefInto());
-// We will create a basic `log` function for the new isolate to use.
-jail.setSync('log', function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    console.log.apply(console, args);
-});
-fetching();
-//# sourceMappingURL=iso-vm.js.map

package/dist/lib/src/scripts/iso-vm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iso-vm.js","sourceRoot":"","sources":["../../../../src/scripts/iso-vm.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAEnC,IAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;AAEtD,IAAM,OAAO,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;AAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC;AAC5B,IAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;AAChD,IAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AACpC,IAAM,QAAQ,GAAG;;;;oBACA,qBAAM,KAAK,CACxB,sGAAsG,CACvG,EAAA;;gBAFK,MAAM,GAAG,SAEd;gBACY,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;gBAA1B,IAAI,GAAG,SAAmB;gBAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACd,CAAC,GAAG,SAAS,CAAC;gBAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,UAAA,GAAG,IAAI,OAAA,CAAC,CAAC,GAAG,GAAG,CAAC,EAAT,CAAS,CAAC,CAAC;gBAC9C,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACtB,OAAO,CAAC,eAAe,CACrB,qwBA4BF,EACE,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAC3B,CAAC;gBAEF,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;;;;KACjC,CAAC;AACF,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAEzC,oEAAoE;AACpE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;IAAU,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IACnC,OAAO,CAAC,GAAG,OAAX,OAAO,EAAQ,IAAI,EAAE;AACvB,CAAC,CAAC,CAAC;AAEH,QAAQ,EAAE,CAAC"}

package/dist/types/src/scripts/iso-vm.d.ts

@@ -1 +0,0 @@
-export {};