@builder.io/sdk-qwik 0.13.1 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

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

@@ -1,5 +1,4 @@
 import { SizeName } from "../../constants/device-sizes.js";
-import { PropsWithBuilderData } from "../../types/builder-props.js";
 import { Dictionary } from "../../types/typescript.js";
 import { ColumnProps } from "./columns.types.js";
 type CSSVal = string | number;
@@ -15,6 +14,6 @@ export declare const getMobileStyle: (props: any, state: any, { stackedStyle, de
 }) => CSSVal;
 export declare const columnCssVars: (props: any, state: any, index: number) => Dictionary<string>;
 export declare const getWidthForBreakpointSize: (props: any, state: any, size: SizeName) => number;
-export declare const Columns: import("@builder.io/qwik").Component<PropsWithBuilderData<ColumnProps>>;
+export declare const Columns: import("@builder.io/qwik").Component<ColumnProps>;
 export default Columns;
 export declare const STYLES = "\n.div-Columns {\n  display: flex;\n  line-height: normal;\n}\n";

package/types/src/blocks/columns/columns.types.d.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/types/src/blocks/form/form/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/src/blocks/form/form/form.d.ts

@@ -0,0 +1,37 @@
+import { BuilderBlock } from "../../../types/builder-block.js";
+import { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from "../../../types/builder-props.js";
+import { Dictionary } from "../../../types/typescript.js";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+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;
+};
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export type FormState = "unsubmitted" | "sending" | "success" | "error";
+export declare const mergeNewRootState: (props: any, state: any, formRef: any, newData: Dictionary<any>) => void;
+export declare const submissionState: (props: any, state: any, formRef: any) => any;
+export declare const onSubmit: (props: any, state: any, formRef: any, event: any) => void;
+export declare const FormComponent: import("@builder.io/qwik").Component<FormProps>;
+export default FormComponent;
+export declare const STYLES = "\n.pre-FormComponent {\n  padding: 10px;\n  color: red;\n  text-align: center;\n}\n";

package/types/src/blocks/form/input/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/src/blocks/form/select/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/src/blocks/form/submit-button/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/types/src/blocks/slot/slot.d.ts

@@ -1,10 +1,7 @@
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block.js";
-export interface DropzoneProps {
+import { BuilderDataProps } from "../../types/builder-props.js";
+export type DropzoneProps = BuilderDataProps & {
     name: string;
-    builderBlock: BuilderBlock;
-    builderContext: BuilderContextInterface;
     attributes: any;
-}
+};
 export declare const Slot: import("@builder.io/qwik").Component<DropzoneProps>;
 export default Slot;

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

@@ -1,5 +1,4 @@
-import { PropsWithBuilderData } from "../../types/builder-props.js";
 import { SymbolProps } from "./symbol.types.js";
 export declare const setContent: (props: any, state: any) => void;
-export declare const Symbol: import("@builder.io/qwik").Component<PropsWithBuilderData<SymbolProps>>;
+export declare const Symbol: import("@builder.io/qwik").Component<SymbolProps>;
 export default Symbol;

package/types/src/blocks/symbol/symbol.types.d.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/types/src/components/block/components/block-wrapper.d.ts

@@ -1,14 +1,14 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderBlock } from "../../../types/builder-block.js";
-import { PropsWithChildren } from "../../../types/typescript.js";
 type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: BuilderContextInterface;
     linkComponent: any;
+    children?: any;
 };
 /**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).
  */
-export declare const BlockWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlockWrapperProps>>;
+export declare const BlockWrapper: import("@builder.io/qwik").Component<BlockWrapperProps>;
 export default BlockWrapper;

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

@@ -1,13 +1,13 @@
 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.jsx';
-type ComponentOptions = PropsWithBuilderData<{
+type ComponentOptions = BuilderDataProps & {
     [index: string]: any;
     attributes?: {
         [index: string]: any;
     };
-}>;
+};
 export interface ComponentProps {
     componentRef: any;
     componentOptions: ComponentOptions;

package/types/src/components/block/components/interactive-element.d.ts

@@ -1,12 +1,13 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderBlock } from "../../../types/builder-block.js";
-import { Dictionary, PropsWithChildren } from "../../../types/typescript.js";
+import { Dictionary } from "../../../types/typescript.js";
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
     wrapperProps: Dictionary<any>;
     includeBlockProps: boolean;
+    children?: any;
 };
-export declare const InteractiveElement: import("@builder.io/qwik").Component<PropsWithChildren<InteractiveElementProps>>;
+export declare const InteractiveElement: import("@builder.io/qwik").Component<InteractiveElementProps>;
 export default InteractiveElement;

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

@@ -1,5 +1,4 @@
 import { BuilderBlock } from "../../types/builder-block.js";
-import { PropsWithChildren } from "../../types/typescript.js";
 export type BlocksWrapperProps = {
     blocks: BuilderBlock[] | undefined;
     parent: string | undefined;
@@ -13,9 +12,10 @@ export type BlocksWrapperProps = {
      * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
      */
     BlocksWrapperProps: any;
+    children?: any;
 };
 export declare const onClick: (props: any, state: any) => void;
 export declare const onMouseEnter: (props: any, state: any) => void;
-export declare const BlocksWrapper: import("@builder.io/qwik").Component<PropsWithChildren<BlocksWrapperProps>>;
+export declare const BlocksWrapper: import("@builder.io/qwik").Component<BlocksWrapperProps>;
 export default BlocksWrapper;
 export declare const STYLES = "\n.props-blocks-wrapper-BlocksWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";

package/types/src/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/types/src/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/types/src/components/dynamic-renderer/dynamic-renderer.d.ts

@@ -1,7 +1,8 @@
-import { PropsWithChildren } from "../../types/typescript.js";
-export declare const DynamicRenderer: import("@builder.io/qwik").Component<PropsWithChildren<{
+export interface DynamicRendererProps {
+    children?: any;
     TagName: any;
     attributes: any;
     actionAttributes: any;
-}>>;
+}
+export declare const DynamicRenderer: import("@builder.io/qwik").Component<DynamicRendererProps>;
 export default DynamicRenderer;

package/types/src/constants/extra-components.d.ts

@@ -0,0 +1,7 @@
+/**
+ * These are in a separate file because React Native does not support them (yet).
+ * Having them in a separate file allows us to override it to be empty in the
+ * React Native SDK.
+ */
+import type { RegisteredComponent } from '../context/types.js';
+export declare const getExtraComponents: () => RegisteredComponent[];

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

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

package/types/src/functions/get-env.d.ts

@@ -0,0 +1,2 @@
+export declare const validEnvList: string[];
+export declare const getEnv: () => string;

package/types/src/functions/get.d.ts

@@ -0,0 +1 @@
+export declare const get: (obj: any, path: string, defaultValue?: any) => any;

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

@@ -1,6 +1,6 @@
 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: BuilderContextInterface;
 };

package/types/src/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/types/src/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/types/src/blocks/form/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/types/src/blocks/input/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/types/src/blocks/select/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;

package/types/src/blocks/submit-button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components.js';
-export declare const componentInfo: ComponentInfo;