@builder.io/sdk-svelte 0.13.2 → 0.13.3

package/lib/node/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -2,14 +2,14 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
 import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { BuilderDataProps } from '../../../../types/builder-props.js';
 import type { InteractiveElementProps } from '../interactive-element.svelte';
-type ComponentOptions = PropsWithBuilderData<{
+type ComponentOptions = BuilderDataProps & {
     [index: string]: any;
     attributes?: {
         [index: string]: any;
     };
-}>;
+};
 export interface ComponentProps {
     componentRef: any;
     componentOptions: ComponentOptions;

package/lib/node/components/content/content.types.d.ts

@@ -1,11 +1,5 @@
 import type { BuilderRenderState } from '../../context/types.js';
-import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
-interface InternalRenderProps {
-    showContent: boolean;
-    isSsrAbTest: boolean;
-}
-export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export type { ContentProps } from './contentProps.types.js';
 export interface BuilderComponentStateChange {
     state: BuilderRenderState;
     ref: {
@@ -17,4 +11,3 @@ export interface BuilderComponentStateChange {
         };
     };
 }
-export {};

package/lib/node/components/content/contentProps.types.d.ts

@@ -0,0 +1,12 @@
+import type { EnforcePartials } from '../../types/enforced-partials.js';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+interface InternalRenderProps {
+    showContent: boolean;
+    isSsrAbTest: boolean;
+}
+/**
+ * This is in a separate file so that we can override it (most notably in Vue,
+ * where prop types cannot be wrapped by generics like `EnforcePartials`).
+ */
+export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export {};

package/lib/node/components/content/contentProps.types.js

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

package/lib/node/components/dynamic-renderer/dynamic-renderer.svelte

@@ -1,3 +1,5 @@
+<script context="module"></script>
+
 <script>import { isEmptyElement } from "./dynamic-renderer.helpers.js";
 import { setAttrs } from "../../blocks/helpers.js";
 export let attributes;

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.13.2";
+export declare const SDK_VERSION = "0.13.3";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.13.2";
+export const SDK_VERSION = "0.13.3";

package/lib/node/types/builder-props.d.ts

@@ -2,7 +2,7 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
 import type { BuilderBlock } from './builder-block.js';
-export type PropsWithBuilderData<T> = T & {
+export type BuilderDataProps = {
     builderBlock: BuilderBlock;
     builderContext: Writable<BuilderContextInterface>;
 };

package/lib/node/types/input.d.ts

@@ -118,4 +118,5 @@ export interface Input {
         type?: string;
     };
     onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+    meta?: Record<string, any>;
 }

package/lib/node/types/typescript.d.ts

@@ -6,6 +6,3 @@ export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T,
 export type Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
-export type PropsWithChildren<P> = P & {
-    children?: any;
-};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/columns/columns.svelte

@@ -12,22 +12,19 @@
   import { deoptSignal } from "../../functions/deopt.js";
   import { getClassPropName } from "../../functions/get-class-prop-name.js";
   import { mapStyleObjToStrIfNeeded } from "../../functions/get-style.js";
-  import type { PropsWithBuilderData } from "../../types/builder-props.js";
   import type { Dictionary } from "../../types/typescript.js";
   import type { ColumnProps } from "./columns.types.js";
 
-  export let js: PropsWithBuilderData<ColumnProps>["js"];
-  export let space: PropsWithBuilderData<ColumnProps>["space"] = undefined;
-  export let columns: PropsWithBuilderData<ColumnProps>["columns"] = undefined;
-  export let stackColumnsAt: PropsWithBuilderData<ColumnProps>["stackColumnsAt"] =
+  export let space: ColumnProps["space"] = undefined;
+  export let columns: ColumnProps["columns"] = undefined;
+  export let stackColumnsAt: ColumnProps["stackColumnsAt"] = undefined;
+  export let reverseColumnsWhenStacked: ColumnProps["reverseColumnsWhenStacked"] =
     undefined;
-  export let reverseColumnsWhenStacked: PropsWithBuilderData<ColumnProps>["reverseColumnsWhenStacked"] =
+  export let builderContext: ColumnProps["builderContext"];
+  export let builderBlock: ColumnProps["builderBlock"];
+  export let builderLinkComponent: ColumnProps["builderLinkComponent"] =
     undefined;
-  export let builderContext: PropsWithBuilderData<ColumnProps>["builderContext"];
-  export let builderBlock: PropsWithBuilderData<ColumnProps>["builderBlock"];
-  export let builderLinkComponent: PropsWithBuilderData<ColumnProps>["builderLinkComponent"] =
-    undefined;
-  export let builderComponents: PropsWithBuilderData<ColumnProps>["builderComponents"];
+  export let builderComponents: ColumnProps["builderComponents"];
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/blocks/columns/columns.types.ts

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

package/src/blocks/form/form/form.svelte

@@ -3,30 +3,29 @@
    * This import is used by the Svelte SDK. Do not remove.
    */
 
-  export type FormProps = PropsWithBuilderData<
+  export type FormProps = BuilderDataProps &
     BuilderComponentsProp &
-      BuilderLinkComponentProp & {
-        attributes?: any;
-        name?: string;
-        action?: string;
-        validate?: boolean;
-        method?: string;
-        sendSubmissionsTo?: string;
-        sendSubmissionsToEmail?: string;
-        sendWithJs?: boolean;
-        contentType?: string;
-        customHeaders?: {
-          [key: string]: string;
-        };
-        successUrl?: string;
-        previewState?: FormState;
-        successMessage?: BuilderBlock[];
-        errorMessage?: BuilderBlock[];
-        sendingMessage?: BuilderBlock[];
-        resetFormOnSubmit?: boolean;
-        errorMessagePath?: string;
-      }
-  >;
+    BuilderLinkComponentProp & {
+      attributes?: any;
+      name?: string;
+      action?: string;
+      validate?: boolean;
+      method?: string;
+      sendSubmissionsTo?: string;
+      sendSubmissionsToEmail?: string;
+      sendWithJs?: boolean;
+      contentType?: string;
+      customHeaders?: {
+        [key: string]: string;
+      };
+      successUrl?: string;
+      previewState?: FormState;
+      successMessage?: BuilderBlock[];
+      errorMessage?: BuilderBlock[];
+      sendingMessage?: BuilderBlock[];
+      resetFormOnSubmit?: boolean;
+      errorMessagePath?: string;
+    };
 
   /**
    * This import is used by the Svelte SDK. Do not remove.
@@ -45,8 +44,8 @@
   import type { BuilderBlock } from "../../../types/builder-block.js";
   import type {
     BuilderComponentsProp,
+    BuilderDataProps,
     BuilderLinkComponentProp,
-    PropsWithBuilderData,
   } from "../../../types/builder-props.js";
   import type { Dictionary } from "../../../types/typescript.js";
   import { filterAttrs } from "../../helpers.js";

package/src/blocks/slot/slot.svelte

@@ -1,15 +1,15 @@
 <script context="module" lang="ts">
-  export type DropzoneProps = PropsWithBuilderData<{
+  export type DropzoneProps = BuilderDataProps & {
     name: string;
     attributes: any;
-  }>;
+  };
 </script>
 
 <script lang="ts">
   import Blocks from "../../components/blocks/blocks.svelte";
   import { deoptSignal } from "../../functions/deopt.js";
   import type { BuilderBlock } from "../../types/builder-block.js";
-  import type { PropsWithBuilderData } from "../../types/builder-props.js";
+  import type { BuilderDataProps } from "../../types/builder-props.js";
 
   export let js: DropzoneProps["js"];
   export let builderContext: DropzoneProps["builderContext"];

package/src/blocks/symbol/symbol.svelte

@@ -3,7 +3,6 @@
 
   import ContentVariants from "../../components/content-variants/content-variants.svelte";
   import type { BuilderContent } from "../../types/builder-content.js";
-  import type { PropsWithBuilderData } from "../../types/builder-props.js";
   import { filterAttrs } from "../helpers.js";
   import { getClassPropName } from "../../functions/get-class-prop-name.js";
   import type { Nullable } from "../../types/typescript.js";
@@ -11,15 +10,13 @@
   import { fetchSymbolContent } from "./symbol.helpers.js";
   import type { SymbolProps } from "./symbol.types.js";
 
-  export let js: PropsWithBuilderData<SymbolProps>["js"];
-  export let attributes: PropsWithBuilderData<SymbolProps>["attributes"] =
-    undefined;
-  export let symbol: PropsWithBuilderData<SymbolProps>["symbol"] = undefined;
-  export let dynamic: PropsWithBuilderData<SymbolProps>["dynamic"] = undefined;
-  export let builderContext: PropsWithBuilderData<SymbolProps>["builderContext"];
-  export let builderBlock: PropsWithBuilderData<SymbolProps>["builderBlock"];
-  export let builderComponents: PropsWithBuilderData<SymbolProps>["builderComponents"];
-  export let builderLinkComponent: PropsWithBuilderData<SymbolProps>["builderLinkComponent"] =
+  export let attributes: SymbolProps["attributes"] = undefined;
+  export let symbol: SymbolProps["symbol"] = undefined;
+  export let dynamic: SymbolProps["dynamic"] = undefined;
+  export let builderContext: SymbolProps["builderContext"];
+  export let builderBlock: SymbolProps["builderBlock"];
+  export let builderComponents: SymbolProps["builderComponents"];
+  export let builderLinkComponent: SymbolProps["builderLinkComponent"] =
     undefined;
 
   function setContent() {

package/src/blocks/symbol/symbol.types.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderDataProps, 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, BuilderLinkComponentProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp {
   symbol?: SymbolInfo;
   dataOnly?: boolean;
   dynamic?: boolean;

package/src/components/block/components/block-wrapper.svelte

@@ -4,6 +4,7 @@
     block: BuilderBlock;
     context: Writable<BuilderContextInterface>;
     linkComponent: any;
+    children?: any;
   };
 
   /**
@@ -16,13 +17,12 @@
   import { getBlockActions } from "../../../functions/get-block-actions.js";
   import { getBlockProperties } from "../../../functions/get-block-properties.js";
   import type { BuilderBlock } from "../../../types/builder-block.js";
-  import type { PropsWithChildren } from "../../../types/typescript.js";
   import DynamicRenderer from "../../dynamic-renderer/dynamic-renderer.svelte";
   import type { Writable } from "svelte/store";
 
-  export let Wrapper: PropsWithChildren<BlockWrapperProps>["Wrapper"];
-  export let block: PropsWithChildren<BlockWrapperProps>["block"];
-  export let context: PropsWithChildren<BlockWrapperProps>["context"];
+  export let Wrapper: BlockWrapperProps["Wrapper"];
+  export let block: BlockWrapperProps["block"];
+  export let context: BlockWrapperProps["context"];
 </script>
 
 <DynamicRenderer

package/src/components/block/components/component-ref/component-ref.helpers.ts

@@ -2,14 +2,14 @@ import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
 import { getBlockProperties } from '../../../../functions/get-block-properties.js';
 import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { BuilderDataProps } from '../../../../types/builder-props.js';
 import type { InteractiveElementProps } from '../interactive-element.svelte';
-type ComponentOptions = PropsWithBuilderData<{
+type ComponentOptions = BuilderDataProps & {
   [index: string]: any;
   attributes?: {
     [index: string]: any;
   };
-}>;
+};
 export interface ComponentProps {
   componentRef: any;
   componentOptions: ComponentOptions;

package/src/components/block/components/interactive-element.svelte

@@ -5,6 +5,7 @@
     context: Writable<BuilderContextInterface>;
     wrapperProps: Dictionary<any>;
     includeBlockProps: boolean;
+    children?: any;
   };
 </script>
 
@@ -13,17 +14,14 @@
   import { getBlockActions } from "../../../functions/get-block-actions.js";
   import { getBlockProperties } from "../../../functions/get-block-properties.js";
   import type { BuilderBlock } from "../../../types/builder-block.js";
-  import type {
-    Dictionary,
-    PropsWithChildren,
-  } from "../../../types/typescript.js";
+  import type { Dictionary } from "../../../types/typescript.js";
   import type { Writable } from "svelte/store";
 
-  export let Wrapper: PropsWithChildren<InteractiveElementProps>["Wrapper"];
-  export let wrapperProps: PropsWithChildren<InteractiveElementProps>["wrapperProps"];
-  export let includeBlockProps: PropsWithChildren<InteractiveElementProps>["includeBlockProps"];
-  export let block: PropsWithChildren<InteractiveElementProps>["block"];
-  export let context: PropsWithChildren<InteractiveElementProps>["context"];
+  export let Wrapper: InteractiveElementProps["Wrapper"];
+  export let wrapperProps: InteractiveElementProps["wrapperProps"];
+  export let includeBlockProps: InteractiveElementProps["includeBlockProps"];
+  export let block: InteractiveElementProps["block"];
+  export let context: InteractiveElementProps["context"];
 </script>
 
 <svelte:component

package/src/components/blocks/blocks-wrapper.svelte

@@ -12,20 +12,20 @@
      * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
      */
     BlocksWrapperProps: any;
+    children?: any;
   };
 </script>
 
 <script lang="ts">
   import { isEditing } from "../../functions/is-editing.js";
   import type { BuilderBlock } from "../../types/builder-block.js";
-  import type { PropsWithChildren } from "../../types/typescript.js";
 
-  export let BlocksWrapper: PropsWithChildren<BlocksWrapperProps>["BlocksWrapper"];
-  export let blocks: PropsWithChildren<BlocksWrapperProps>["blocks"];
-  export let parent: PropsWithChildren<BlocksWrapperProps>["parent"];
-  export let path: PropsWithChildren<BlocksWrapperProps>["path"];
-  export let styleProp: PropsWithChildren<BlocksWrapperProps>["styleProp"];
-  export let BlocksWrapperProps: PropsWithChildren<BlocksWrapperProps>["BlocksWrapperProps"];
+  export let BlocksWrapper: BlocksWrapperProps["BlocksWrapper"];
+  export let blocks: BlocksWrapperProps["blocks"];
+  export let parent: BlocksWrapperProps["parent"];
+  export let path: BlocksWrapperProps["path"];
+  export let styleProp: BlocksWrapperProps["styleProp"];
+  export let BlocksWrapperProps: BlocksWrapperProps["BlocksWrapperProps"];
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/components/content/content.types.ts

@@ -1,11 +1,5 @@
 import type { BuilderRenderState } from '../../context/types.js';
-import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
-interface InternalRenderProps {
-  showContent: boolean;
-  isSsrAbTest: boolean;
-}
-export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export type { ContentProps } from './contentProps.types.js';
 export interface BuilderComponentStateChange {
   state: BuilderRenderState;
   ref: {

package/src/components/content/contentProps.types.ts

@@ -0,0 +1,12 @@
+import type { EnforcePartials } from '../../types/enforced-partials.js';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+interface InternalRenderProps {
+  showContent: boolean;
+  isSsrAbTest: boolean;
+}
+
+/**
+ * This is in a separate file so that we can override it (most notably in Vue,
+ * where prop types cannot be wrapped by generics like `EnforcePartials`).
+ */
+export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>

package/src/components/dynamic-renderer/dynamic-renderer.svelte

@@ -1,23 +1,19 @@
+<script context="module" lang="ts">
+  export interface DynamicRendererProps {
+    children?: any;
+    TagName: any;
+    attributes: any;
+    actionAttributes: any;
+  }
+</script>
+
 <script lang="ts">
   import { isEmptyElement } from "./dynamic-renderer.helpers.js";
   import { setAttrs } from "../../blocks/helpers.js";
-  import type { PropsWithChildren } from "../../types/typescript.js";
 
-  export let attributes: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["attributes"];
-  export let TagName: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["TagName"];
-  export let actionAttributes: PropsWithChildren<{
-    TagName: any;
-    attributes: any;
-    actionAttributes: any;
-  }>["actionAttributes"];
+  export let attributes: DynamicRendererProps["attributes"];
+  export let TagName: DynamicRendererProps["TagName"];
+  export let actionAttributes: DynamicRendererProps["actionAttributes"];
 </script>
 
 {#if !isEmptyElement(TagName)}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.13.2"
+export const SDK_VERSION = "0.13.3"

package/src/types/builder-props.ts

@@ -1,7 +1,7 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
 import type { BuilderBlock } from './builder-block.js';
-export type PropsWithBuilderData<T> = T & {
+export type BuilderDataProps = {
   builderBlock: BuilderBlock;
   builderContext: Writable<BuilderContextInterface>;
 };

package/src/types/input.ts

@@ -119,4 +119,5 @@ export interface Input {
     type?: string;
   };
   onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+  meta?: Record<string, any>;
 }

package/src/types/typescript.ts

@@ -6,7 +6,4 @@ export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T,
 export type Prettify<T> = {
 
   // eslint-disable-next-line @typescript-eslint/ban-types
-[K in keyof T]: T[K] } & {};
-export type PropsWithChildren<P> = P & {
-  children?: any;
-}
+[K in keyof T]: T[K] } & {}

package/lib/browser/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};

package/lib/edge/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};

package/lib/node/components/dynamic-renderer/dynamic-renderer.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { PropsWithChildren } from "../../types/typescript.js";
-declare const __propDef: {
-    props: {
-        attributes: any;
-        TagName: any;
-        actionAttributes: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DynamicRendererProps = typeof __propDef.props;
-export type DynamicRendererEvents = typeof __propDef.events;
-export type DynamicRendererSlots = typeof __propDef.slots;
-export default class DynamicRenderer extends SvelteComponent<DynamicRendererProps, DynamicRendererEvents, DynamicRendererSlots> {
-}
-export {};