@builder.io/sdk-qwik 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",
@@ -28,7 +28,7 @@
     "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
   },
   "devDependencies": {
-    "@builder.io/qwik": "^0.100.0",
+    "@builder.io/qwik": "^0.101.0",
     "@types/node": "latest",
     "typescript": "^4",
     "vite": "^3.0.4"

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

@@ -24,10 +24,8 @@ export declare const getMobileStyle: (props: any, state: any, builderContext: an
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
 }) => CSSVal;
-export declare const columnsCssVars: (props: any, state: any, builderContext: any) => Dictionary<string>;
 export declare const columnCssVars: (props: any, state: any, builderContext: any, index: number) => Dictionary<string>;
 export declare const getWidthForBreakpointSize: (props: any, state: any, builderContext: any, size: SizeName) => number;
-export declare const columnsStyles: (props: any, state: any, builderContext: any) => string;
 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.div-Columns-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n";

package/types/blocks/image/image.d.ts

@@ -18,15 +18,6 @@ export interface ImageProps {
     noWebp?: boolean;
     src?: string;
 }
-export declare const srcSetToUse: (props: any, state: any) => any;
-export declare const webpSrcSet: (props: any, state: any) => any;
-export declare const aspectRatioCss: (props: any, state: any) => {
-    position: string;
-    height: string;
-    width: string;
-    left: string;
-    top: string;
-} | undefined;
 export declare const Image: import("@builder.io/qwik").Component<ImageProps>;
 export default Image;
 export declare const STYLES = "\n.img-Image {\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out;\n}\n.div-Image {\n  width: 100%;\n  pointer-events: none;\n  font-size: 0;\n}\n.div-Image-2 {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n";

package/types/blocks/video/video.d.ts

@@ -14,13 +14,5 @@ export interface VideoProps {
     posterImage?: string;
     lazyLoad?: boolean;
 }
-export declare const videoProps: (props: any, state: any) => {
-    playsInline?: boolean | undefined;
-    loop?: boolean | undefined;
-    controls?: boolean | undefined;
-    muted?: boolean | undefined;
-    autoPlay?: boolean | undefined;
-};
-export declare const spreadProps: (props: any, state: any) => any;
 export declare const Video: import("@builder.io/qwik").Component<VideoProps>;
 export default Video;

package/types/components/render-block/block-styles.d.ts

@@ -4,10 +4,5 @@ export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-export declare const useBlock: (props: any, state: any) => BuilderBlock;
-export declare const canShowBlock: (props: any, state: any) => boolean | undefined;
-export declare const css: (props: any, state: any) => string;
-export declare const BlockStyles: (props: BlockStylesProps & {
-    key?: any;
-}) => import("@builder.io/qwik/jsx-runtime").JSX.Element;
+export declare const BlockStyles: import("@builder.io/qwik").Component<BlockStylesProps>;
 export default BlockStyles;

package/types/components/render-block/render-block.d.ts

@@ -4,47 +4,5 @@ export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-export declare const component: (props: any, state: any) => import("../../context/types.js").RegisteredComponent | null | undefined;
-export declare const tag: (props: any, state: any) => string;
-export declare const useBlock: (props: any, state: any) => any;
-export declare const canShowBlock: (props: any, state: any) => any;
-export declare const proxyState: (props: any, state: any) => any;
-export declare const actions: (props: any, state: any) => {
-    [index: string]: (event: Event) => any;
-};
-export declare const attributes: (props: any, state: any) => {
-    style: string | Partial<CSSStyleDeclaration> | Record<string, string | undefined> | undefined;
-    'builder-id': string | undefined;
-    class: string;
-};
-export declare const renderComponentProps: (props: any, state: any) => {
-    blockChildren: any;
-    componentRef: any;
-    componentOptions: any;
-    context: {
-        apiKey: any;
-        apiVersion: any;
-        state: any;
-        content: any;
-        context: any;
-        setState: any;
-        registeredComponents: any;
-        inheritedStyles: Partial<CSSStyleDeclaration>;
-    };
-};
-export declare const childrenWithoutParentComponent: (props: any, state: any) => any;
-export declare const repeatItemData: (props: any, state: any) => import("./types.js").RepeatData[] | undefined;
-export declare const childrenContext: (props: any, state: any) => {
-    apiKey: any;
-    apiVersion: any;
-    state: any;
-    content: any;
-    context: any;
-    setState: any;
-    registeredComponents: any;
-    inheritedStyles: Partial<CSSStyleDeclaration>;
-};
-export declare const RenderBlock: (props: RenderBlockProps & {
-    key?: any;
-}) => import("@builder.io/qwik/jsx-runtime").JSX.Element;
+export declare const RenderBlock: import("@builder.io/qwik").Component<RenderBlockProps>;
 export default RenderBlock;

package/types/components/render-block/render-block.helpers.d.ts

@@ -10,3 +10,4 @@ export declare const getRepeatItemData: ({ block, context, }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => RepeatData[] | undefined;
+export declare const getProxyState: (context: BuilderContextInterface) => BuilderContextInterface['state'];

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

@@ -5,7 +5,6 @@ export type RenderBlockProps = {
     path?: string;
     styleProp?: Record<string, any>;
 };
-export declare const className: (props: any, state: any, builderContext: any) => string;
 export declare const onClick: (props: any, state: any, builderContext: any) => void;
 export declare const onMouseEnter: (props: any, state: any, builderContext: any) => void;
 export declare const RenderBlocks: import("@builder.io/qwik").Component<RenderBlockProps>;

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

@@ -0,0 +1,6 @@
+type VariantData = {
+    id: string;
+    testRatio?: number;
+};
+export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
+export {};

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

@@ -0,0 +1,3 @@
+import { RenderContentProps } from "../render-content/render-content.types";
+export declare const RenderContentVariants: import("@builder.io/qwik").Component<RenderContentProps>;
+export default RenderContentVariants;

package/types/components/render-inlined-styles.d.ts

@@ -1,9 +1,5 @@
 interface Props {
     styles: string;
 }
-export declare const injectedStyleScript: (props: any, state: any) => string;
-export declare const tag: (props: any, state: any) => string;
-export declare const RenderInlinedStyles: (props: Props & {
-    key?: any;
-}) => import("@builder.io/qwik/jsx-runtime").JSX.Element;
+export declare const RenderInlinedStyles: import("@builder.io/qwik").Component<Props>;
 export default RenderInlinedStyles;

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

@@ -3,4 +3,5 @@ export declare function getBlockProperties(block: BuilderBlock): {
     'builder-id': string | undefined;
     style: string | Partial<CSSStyleDeclaration> | undefined;
     class: string;
+    href: any;
 };

package/types/functions/get-content/index.d.ts

@@ -7,5 +7,5 @@ type ContentResponse = {
     status: number;
     message: string;
 };
-export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse>;
+export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse | null>;
 export {};

package/types/helpers/logger.d.ts

@@ -0,0 +1,5 @@
+export declare const logger: {
+    log: (...message: any[]) => void;
+    error: (...message: any[]) => void;
+    warn: (...message: any[]) => void;
+};

package/types/types/builder-content.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderBlock } from './builder-block.js';
-import type { Input } from './components.js';
+import type { Input } from './input.js';
 import type { Nullable } from './typescript.js';
 export interface Breakpoints {
     small: number;

package/types/types/components.d.ts

@@ -1,76 +1,5 @@
 import type { BuilderElement } from './element';
-export interface Input {
-    name: string;
-    friendlyName?: string;
-    description?: string;
-    defaultValue?: any;
-    type: string;
-    valueType?: {
-        type?: string;
-    };
-    required?: boolean;
-    autoFocus?: boolean;
-    subFields?: Input[];
-    helperText?: string;
-    allowedFileTypes?: string[];
-    imageHeight?: number;
-    imageWidth?: number;
-    mediaHeight?: number;
-    mediaWidth?: number;
-    hideFromUI?: boolean;
-    modelId?: string;
-    /**
-     * Number field type validation maximum accepted input
-     */
-    max?: number;
-    /**
-     * Number field type validation minimum accepted input
-     */
-    min?: number;
-    /**
-     * Number field type step size when using arrows
-     */
-    step?: number;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * children of this component are selected. This is useful for things
-     * like Tabs, such that users may not always select the Tabs component
-     * directly but will still be looking for how to add additional tabs
-     */
-    broadcast?: boolean;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * group locked parents of this component are selected. This is useful
-     * to bubble up important inputs for locked groups, like text and images
-     */
-    bubble?: boolean;
-    options?: {
-        [key: string]: any;
-    };
-    enum?: string[] | {
-        label: string;
-        value: any;
-        helperText?: string;
-    }[];
-    /** Regex field validation for all string types (text, longText, html, url, etc) */
-    regex?: {
-        /** pattern to test, like "^\/[a-z]$" */
-        pattern: string;
-        /** flags for the RegExp constructor, e.g. "gi"  */
-        options?: string;
-        /**
-         * Friendly message to display to end-users if the regex fails, e.g.
-         * "You must use a relative url starting with '/...' "
-         */
-        message: string;
-    };
-    advanced?: boolean;
-    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
-    code?: boolean;
-    richText?: boolean;
-    showIf?: ((options: Map<string, any>) => boolean) | string;
-    copyOnAdd?: boolean;
-}
+import type { Input } from './input';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components

package/types/types/input.d.ts

@@ -114,4 +114,8 @@ export interface Input {
      * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
      */
     model?: string;
+    valueType?: {
+        type?: string;
+    };
+    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
 }