@builder.io/sdk-react 0.8.0 → 0.9.0

package/lib/node/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-a5d2c777.js");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-a5d2c777.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;

package/lib/node/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _ as t, c as a, h as r, f as i, b as n, g, e as o, d as c, i as d, a as f, r as h, s as l, t as p } from "./server-entry-e4cd1e05.mjs";
+import { _ as t, c as a, h as r, f as i, b as n, g, e as o, d as c, i as d, a as f, r as h, s as l, t as p } from "./server-entry-e4cd1e05.js";
 export {
   t as _processContentResult,
   a as createRegisterComponentMessage,

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/BuilderIO/builder.git",

package/types/components/blocks/blocks-wrapper.d.ts

@@ -4,6 +4,14 @@ export type BlocksWrapperProps = {
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
+    /**
+     * The element that wraps each list of blocks. Defaults to a `div` element ('ScrollView' in React Native).
+     */
+    BlocksWrapper: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    BlocksWrapperProps: any;
 };
 import type { BuilderBlock } from "../../types/builder-block.js";
 import type { PropsWithChildren } from "../../types/typescript.js";

package/types/components/blocks/blocks.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };

package/types/components/content/components/enable-editor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
     builderContextSignal: BuilderContextInterface;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;

package/types/components/content-variants/content-variants.types.d.ts

@@ -17,4 +17,20 @@ export interface ContentVariantsPrps {
     /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
     enrich?: boolean;
+    /**
+     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     */
+    contentWrapper?: any;
+    /**
+     * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
+     */
+    contentWrapperProps?: any;
+    /**
+     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     */
+    blocksWrapper?: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    blocksWrapperProps?: any;
 }

package/types/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.8.0";
+export declare const SDK_VERSION = "0.9.0";

package/types/context/types.d.ts

@@ -1,3 +1,4 @@
+import type { BlocksWrapperProps } from '../components/blocks/blocks-wrapper';
 import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
@@ -8,7 +9,7 @@ export type RegisteredComponent = ComponentInfo & {
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;
 export type BuilderRenderContext = Record<string, unknown>;
-export interface BuilderContextInterface {
+export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
     /**

package/types/functions/evaluate/node-runtime/safeDynamicRequire.d.ts

@@ -1,11 +1 @@
-/**
- * Allows us to require node-specific code safely within bundlers.
- *
- * https://github.com/laverdet/isolated-vm/issues/423
- *
- * NOTE: this code should only ever run in `node`, and never in an `edge` runtime.
- * This is guaranteed by the fact that each SDK has separate bundles for each runtime.
- * However, it might still end up running in the `browser` if the `node` bundle is loaded in the
- * browser (which happens in many apps' dev mode, and certain other scenarios like Qwik's prod mode).
- */
 export declare let safeDynamicRequire: typeof require;

package/types/functions/transform-block-properties.d.ts

@@ -1 +1,5 @@
-export declare function transformBlockProperties(properties: any): any;
+export declare function transformBlockProperties({ properties, }: {
+    properties: any;
+    block: any;
+    context: any;
+}): any;

package/types/types/enforced-partials.d.ts

@@ -1,9 +1,14 @@
 import type { Prettify } from './typescript.js';
+/**
+ * Lol Typescript
+ * https://stackoverflow.com/questions/49927523/disallow-call-with-any/49928360#49928360
+ */
+type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
 type OptionalFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? never : K]: T[K];
+    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], K, never> : K]: T[K];
 };
 type RequiredFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? K : never]: T[K];
+    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], never, K> : never]: T[K];
 };
 type Enforced<T> = {
     [K in keyof T]-?: T[K];

package/types/functions/get-react-native-block-styles.d.ts

@@ -1,7 +0,0 @@
-import type { BuilderContextInterface } from '../context/types.js';
-import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getReactNativeBlockStyles({ block, context, blockStyles }: {
-    block: BuilderBlock;
-    context: BuilderContextInterface;
-    blockStyles: any;
-}): CSSStyleDeclaration | Record<string, string | undefined>;

package/types/functions/sanitize-react-native-block-styles.d.ts

@@ -1,3 +0,0 @@
-type Styles = Record<string, string | number>;
-export declare const sanitizeReactNativeBlockStyles: (styles: Styles) => Styles;
-export {};