@builder.io/sdk-react-nextjs 0.12.3 → 0.12.5

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-b2d68b60.cjs"),t=require("./USE_CLIENT_BUNDLE-990b655a.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-c86a1fb8.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;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;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-1c54df65.cjs"),t=require("./USE_CLIENT_BUNDLE-2f43c320.cjs");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-473d50ad.cjs");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;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;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;

package/lib/node/index.mjs

@@ -1,10 +1,10 @@
-import { B as i, v as m, C as c, R as g, u as p, S as l, T as C, y as d, o as u, G as B, z as S, p as f, A as h, E, D as R, b as x, h as b, w as k, x as y, F } from "./bundle-11daeaca.js";
-import { b as v, F as w, c as A, S as T, V } from "./USE_CLIENT_BUNDLE-98a4fbf4.js";
+import { B as i, w as m, C as c, R as g, v as p, S as l, T as C, z as d, p as B, H as S, A as f, q as u, D as E, F as R, E as h, c as x, j as k, x as y, y as F, G as P } from "./bundle-305bb463.js";
+import { b as v, F as w, c as A, S as T, V } from "./USE_CLIENT_BUNDLE-4ba4594d.js";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-b231d861.js";
+import "./USE_SERVER_BUNDLE-2534ef71.js";
 export {
   i as Blocks,
   v as Button,
@@ -19,16 +19,16 @@ export {
   C as Text,
   V as Video,
   d as _processContentResult,
-  u as createRegisterComponentMessage,
-  B as fetchBuilderProps,
-  S as fetchEntries,
-  f as fetchOneEntry,
-  h as getAllContent,
-  E as getBuilderSearchParams,
-  R as getContent,
+  B as createRegisterComponentMessage,
+  S as fetchBuilderProps,
+  f as fetchEntries,
+  u as fetchOneEntry,
+  E as getAllContent,
+  R as getBuilderSearchParams,
+  h as getContent,
   x as isEditing,
-  b as isPreviewing,
-  k as register,
-  y as setEditorSettings,
-  F as track
+  k as isPreviewing,
+  y as register,
+  F as setEditorSettings,
+  P as track
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.12.3",
+  "version": "0.12.5",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/blocks/button/button.types.d.ts

@@ -1,4 +1,5 @@
-export interface ButtonProps {
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;
     link?: string;

package/types/cjs/blocks/columns/columns.types.d.ts

@@ -1,13 +1,13 @@
 import type { BuilderBlock } from '../../types/builder-block.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
+    link?: string;
 };
 type StackColumnsAt = 'tablet' | 'mobile' | 'never';
-export interface ColumnProps extends BuilderComponentsProp {
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     columns?: Column[];
-    builderBlock: BuilderBlock;
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;

package/types/cjs/blocks/symbol/symbol.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -8,7 +8,7 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps extends BuilderComponentsProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;

package/types/cjs/components/block/block.d.ts

@@ -3,6 +3,7 @@ export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
 };
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";

package/types/cjs/components/block/components/block-wrapper.d.ts

@@ -3,6 +3,7 @@ type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: BuilderContextInterface;
+    linkComponent: any;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).

package/types/cjs/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -14,6 +14,7 @@ export interface ComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
     builderBlock: BuilderBlock;
     includeBlockProps: boolean;
     isInteractive: boolean | undefined;
@@ -21,7 +22,13 @@ export interface ComponentProps {
 export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
     contextValue: BuilderContextInterface;
 }) => InteractiveElementProps | {
-    attributes?: any;
+    attributes?: {
+        'builder-id': string;
+        style: string | Partial<CSSStyleDeclaration>;
+        href: any;
+    } | {
+        [index: string]: any;
+    };
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;
 };

package/types/cjs/components/block/components/repeated-block.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
-type Props = {
-    block: BuilderBlock;
+type Props = Omit<BlockProps, "context"> & {
     repeatContext: BuilderContextInterface;
-    registeredComponents: RegisteredComponents;
 };
-import type { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BlockProps } from "../block.js";
 declare function RepeatedBlock(props: Props): React.JSX.Element;
 export default RepeatedBlock;

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

@@ -3,4 +3,5 @@ import type { BlocksWrapperProps } from './blocks-wrapper.js';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
+    linkComponent?: any;
 };

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

@@ -30,6 +30,10 @@ export interface ContentVariantsPrps {
      * An array of custom components to register (optional).
      */
     customComponents?: RegisteredComponent[];
+    /**
+     * The component to use for rendering links. Defaults to anchor element `<a>`.
+     */
+    linkComponent?: any;
     /**
      * A boolean to enable or disable tracking (optional). Defaults to `true`.
      */
@@ -47,7 +51,7 @@ export interface ContentVariantsPrps {
      */
     enrich?: boolean;
     /**
-     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your content. Defaults to `<div>` ('ScrollView' in React Native).
      */
     contentWrapper?: any;
     /**
@@ -55,7 +59,7 @@ export interface ContentVariantsPrps {
      */
     contentWrapperProps?: any;
     /**
-     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your blocks. Defaults to `<div>` ('ScrollView' in React Native).
      */
     blocksWrapper?: any;
     /**

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.3";
+export declare const SDK_VERSION = "0.12.5";

package/types/cjs/functions/evaluate/should-force-browser-runtime-in-node.d.ts

@@ -0,0 +1 @@
+export declare const shouldForceBrowserRuntimeInNode: () => boolean;

package/types/cjs/functions/get-block-properties.d.ts

@@ -3,4 +3,8 @@ import type { BuilderBlock } from '../types/builder-block.js';
 export declare function getBlockProperties({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
-}): any;
+}): {
+    'builder-id': string;
+    style: string | Partial<CSSStyleDeclaration>;
+    href: any;
+};

package/types/cjs/functions/get-class-prop-name.d.ts

@@ -0,0 +1 @@
+export declare const getClassPropName: () => "className" | "class";

package/types/cjs/functions/get-style.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare const getStyle: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => string | Partial<CSSStyleDeclaration>;
+/**
+ * Svelte does not support style attribute as an object so we need to flatten it.
+ *
+ * Additionally, Svelte, Vue and other frameworks use kebab-case styles, so we need to convert them.
+ */
+export declare function mapStyleObjToStrIfNeeded(style: Partial<CSSStyleDeclaration>): string | Partial<CSSStyleDeclaration>;

package/types/cjs/functions/is-node-runtime.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Identifies node runtime
+ */
+export declare function isNodeRuntime(): boolean;

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

@@ -1,5 +1,7 @@
-export declare function transformBlockProperties({ properties, }: {
-    properties: any;
-    block: any;
-    context: any;
-}): any;
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformBlockProperties<T>({ properties }: {
+    properties: T;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): T;

package/types/cjs/functions/transform-style-property.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformStyleProperty({ style }: {
+    style: Partial<CSSStyleDeclaration>;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): Partial<CSSStyleDeclaration>;

package/types/cjs/types/builder-block.d.ts

@@ -54,6 +54,7 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    href?: string;
     /**
      * generated by the "Hide If" binding
      */

package/types/cjs/types/builder-props.d.ts

@@ -7,3 +7,6 @@ export type PropsWithBuilderData<T> = T & {
 export type BuilderComponentsProp = {
     builderComponents: RegisteredComponents;
 };
+export type BuilderLinkComponentProp = {
+    builderLinkComponent?: any;
+};

package/types/esm/blocks/button/button.types.d.ts

@@ -1,4 +1,5 @@
-export interface ButtonProps {
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;
     link?: string;

package/types/esm/blocks/columns/columns.types.d.ts

@@ -1,13 +1,13 @@
 import type { BuilderBlock } from '../../types/builder-block.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
+    link?: string;
 };
 type StackColumnsAt = 'tablet' | 'mobile' | 'never';
-export interface ColumnProps extends BuilderComponentsProp {
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     columns?: Column[];
-    builderBlock: BuilderBlock;
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;

package/types/esm/blocks/symbol/symbol.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -8,7 +8,7 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps extends BuilderComponentsProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;

package/types/esm/components/block/block.d.ts

@@ -3,6 +3,7 @@ export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
 };
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";

package/types/esm/components/block/components/block-wrapper.d.ts

@@ -3,6 +3,7 @@ type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: BuilderContextInterface;
+    linkComponent: any;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).

package/types/esm/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -14,6 +14,7 @@ export interface ComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
     builderBlock: BuilderBlock;
     includeBlockProps: boolean;
     isInteractive: boolean | undefined;
@@ -21,7 +22,13 @@ export interface ComponentProps {
 export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
     contextValue: BuilderContextInterface;
 }) => InteractiveElementProps | {
-    attributes?: any;
+    attributes?: {
+        'builder-id': string;
+        style: string | Partial<CSSStyleDeclaration>;
+        href: any;
+    } | {
+        [index: string]: any;
+    };
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;
 };

package/types/esm/components/block/components/repeated-block.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
-type Props = {
-    block: BuilderBlock;
+type Props = Omit<BlockProps, "context"> & {
     repeatContext: BuilderContextInterface;
-    registeredComponents: RegisteredComponents;
 };
-import type { BuilderContextInterface, RegisteredComponents } from "../../../context/types.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BlockProps } from "../block.js";
 declare function RepeatedBlock(props: Props): React.JSX.Element;
 export default RepeatedBlock;

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

@@ -3,4 +3,5 @@ import type { BlocksWrapperProps } from './blocks-wrapper.js';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
+    linkComponent?: any;
 };

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

@@ -30,6 +30,10 @@ export interface ContentVariantsPrps {
      * An array of custom components to register (optional).
      */
     customComponents?: RegisteredComponent[];
+    /**
+     * The component to use for rendering links. Defaults to anchor element `<a>`.
+     */
+    linkComponent?: any;
     /**
      * A boolean to enable or disable tracking (optional). Defaults to `true`.
      */
@@ -47,7 +51,7 @@ export interface ContentVariantsPrps {
      */
     enrich?: boolean;
     /**
-     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your content. Defaults to `<div>` ('ScrollView' in React Native).
      */
     contentWrapper?: any;
     /**
@@ -55,7 +59,7 @@ export interface ContentVariantsPrps {
      */
     contentWrapperProps?: any;
     /**
-     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your blocks. Defaults to `<div>` ('ScrollView' in React Native).
      */
     blocksWrapper?: any;
     /**

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.3";
+export declare const SDK_VERSION = "0.12.5";

package/types/esm/functions/evaluate/should-force-browser-runtime-in-node.d.ts

@@ -0,0 +1 @@
+export declare const shouldForceBrowserRuntimeInNode: () => boolean;

package/types/esm/functions/get-block-properties.d.ts

@@ -3,4 +3,8 @@ import type { BuilderBlock } from '../types/builder-block.js';
 export declare function getBlockProperties({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
-}): any;
+}): {
+    'builder-id': string;
+    style: string | Partial<CSSStyleDeclaration>;
+    href: any;
+};

package/types/esm/functions/get-class-prop-name.d.ts

@@ -0,0 +1 @@
+export declare const getClassPropName: () => "className" | "class";

package/types/esm/functions/get-style.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare const getStyle: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => string | Partial<CSSStyleDeclaration>;
+/**
+ * Svelte does not support style attribute as an object so we need to flatten it.
+ *
+ * Additionally, Svelte, Vue and other frameworks use kebab-case styles, so we need to convert them.
+ */
+export declare function mapStyleObjToStrIfNeeded(style: Partial<CSSStyleDeclaration>): string | Partial<CSSStyleDeclaration>;

package/types/esm/functions/is-node-runtime.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Identifies node runtime
+ */
+export declare function isNodeRuntime(): boolean;

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

@@ -1,5 +1,7 @@
-export declare function transformBlockProperties({ properties, }: {
-    properties: any;
-    block: any;
-    context: any;
-}): any;
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformBlockProperties<T>({ properties }: {
+    properties: T;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): T;

package/types/esm/functions/transform-style-property.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformStyleProperty({ style }: {
+    style: Partial<CSSStyleDeclaration>;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): Partial<CSSStyleDeclaration>;

package/types/esm/types/builder-block.d.ts

@@ -54,6 +54,7 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    href?: string;
     /**
      * generated by the "Hide If" binding
      */

package/types/esm/types/builder-props.d.ts

@@ -7,3 +7,6 @@ export type PropsWithBuilderData<T> = T & {
 export type BuilderComponentsProp = {
     builderComponents: RegisteredComponents;
 };
+export type BuilderLinkComponentProp = {
+    builderLinkComponent?: any;
+};