@builder.io/react 8.0.6-1 → 8.0.6-3

package/dist/lib/test/functions/render-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-block.js","sourceRoot":"","sources":["../../../../test/functions/render-block.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEO,IAAM,EAAE,GAAG,UAAC,OAAiC,EAAE,KAAc,IAAqB,OAAA,YACvF,OAAO,EAAE,yBAAyB,EAClC,EAAE,EAAE,kBAAW,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,IACpE,OAAO,EACV,EAJuF,CAIvF,CAAC;AAJU,QAAA,EAAE,MAIZ;AAEI,IAAM,KAAK,GAAG,UACnB,IAAY,EACZ,OAAa,EACb,SAAmC,EACnC,KAAc;IAEd,OAAA,IAAA,UAAE,wBAEK,SAAS,KACZ,SAAS,EAAE;YACT,IAAI,MAAA;YACJ,OAAO,SAAA;SACR,KAEH,KAAK,CACN;AATD,CASC,CAAC;AAfS,QAAA,KAAK,SAed"}

package/dist/lib/test/image.test.js

@@ -0,0 +1,107 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Image_1 = require("../src/blocks/Image");
+var reactTestRenderer = __importStar(require("react-test-renderer"));
+var render_block_1 = require("./functions/render-block");
+var builder_react_1 = require("../src/builder-react");
+describe('Image', function () {
+    it('Builder image url', function () {
+        var tree = reactTestRenderer
+            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Builder image url with width', function () {
+        var tree = reactTestRenderer
+            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003" }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shopify image url', function () {
+        var tree = reactTestRenderer
+            .create(React.createElement(Image_1.Image, { image: "https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853" }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Amp image', function () {
+        var imageBlock = (0, render_block_1.block)('Image', {
+            image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
+        }, {
+            responsiveStyles: {
+                large: {
+                    width: '345px',
+                },
+                medium: {
+                    width: '100%',
+                },
+            },
+        }, 1234);
+        var renderedBlock = reactTestRenderer
+            .create(React.createElement(builder_react_1.BuilderPage, { model: "page", ampMode: true, content: {
+                data: {
+                    blocks: [imageBlock],
+                },
+            } }))
+            .toJSON();
+        expect(renderedBlock).toMatchSnapshot();
+    });
+    it('Lazy load', function () {
+        var tree = reactTestRenderer
+            .create(React.createElement(Image_1.Image, { image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", lazy: true }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('with sizes, srcset, and alt', function () {
+        var tree = reactTestRenderer
+            .create(React.createElement(Image_1.Image, { sizes: "(max-width: 600px) 67vw, 92vw", srcset: "nosrcset", altText: "this great image", image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F755c131471fb49ab91dc0bdc45bc85b5?width=1003", amp: "true" }))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('with responsive styles', function () {
+        var imageBlock = (0, render_block_1.block)('Image', {
+            image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
+        }, {
+            responsiveStyles: {
+                large: {
+                    width: '345px',
+                },
+                medium: {
+                    width: '100%',
+                },
+            },
+        }, 1234);
+        var renderedBlock = reactTestRenderer
+            .create(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
+                data: {
+                    blocks: [imageBlock],
+                },
+            } }))
+            .toJSON();
+        expect(renderedBlock).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=image.test.js.map

package/dist/lib/test/image.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.test.js","sourceRoot":"","sources":["../../../test/image.test.tsx"],"names":[],"mappings":"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"}

package/dist/lib/test/setupTests.js

@@ -0,0 +1,8 @@
+"use strict";
+beforeEach(function () {
+    jest.spyOn(global.Math, 'random').mockReturnValue(0.123456789);
+});
+afterEach(function () {
+    jest.spyOn(global.Math, 'random').mockRestore();
+});
+//# sourceMappingURL=setupTests.js.map

package/dist/lib/test/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../test/setupTests.ts"],"names":[],"mappings":";AAAA,UAAU,CAAC;IACT,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;AACjE,CAAC,CAAC,CAAC;AACH,SAAS,CAAC;IACR,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;AAClD,CAAC,CAAC,CAAC"}

package/dist/types/lib/on-change.d.ts

@@ -0,0 +1,8 @@
+export = onChange;
+declare function onChange(object: any, onChange: any, options: any): any;
+declare namespace onChange {
+    export { target, unsubscribe, __esModule, onChange as default };
+}
+declare function target(proxy: any): any;
+declare function unsubscribe(proxy: any): any;
+declare const __esModule: boolean;

package/dist/types/rollup.config.d.ts

@@ -0,0 +1,44 @@
+declare const _default: ({
+    output: {
+        file: string;
+        name: string;
+        format: string;
+        sourcemap: boolean;
+        amd: {
+            id: string;
+        };
+    };
+    input: string;
+    external: string[];
+    watch: {
+        include: string;
+    };
+    plugins: any[];
+} | {
+    output: {
+        file: string;
+        format: string;
+        sourcemap: boolean;
+    }[];
+    external: string[];
+    plugins: any[];
+    input: string;
+    watch: {
+        include: string;
+    };
+} | {
+    output: {
+        file: string;
+        format: string;
+        name: string;
+        sourcemap: boolean;
+        amd?: undefined;
+    };
+    input: string;
+    external: string[];
+    watch: {
+        include: string;
+    };
+    plugins: any[];
+})[];
+export default _default;

package/dist/types/src/blocks/Button.d.ts

@@ -0,0 +1,7 @@
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+export declare const Button: Function;

package/dist/types/src/blocks/Columns.d.ts

@@ -0,0 +1 @@
+export declare const Columns: Function;

package/dist/types/src/blocks/CustomCode.d.ts

@@ -0,0 +1 @@
+export declare const CustomCode: Function;

package/dist/types/src/blocks/Embed.d.ts

@@ -0,0 +1 @@
+export declare const Embed: Function;

package/dist/types/src/blocks/Fragment.d.ts

@@ -0,0 +1,5 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface FragmentProps {
+    builderBlock?: BuilderElement;
+}
+export declare const Fragment: Function;

package/dist/types/src/blocks/Image.d.ts

@@ -0,0 +1,6 @@
+import { BuilderElement } from '@builder.io/sdk';
+import { Breakpoints } from '../constants/device-sizes.constant';
+export declare function updateQueryParam(uri: string | undefined, key: string, value: string | number | boolean): string;
+export declare function getSrcSet(url: string): string;
+export declare const getSizes: (sizes: string, block: BuilderElement, contentBreakpoints?: Breakpoints) => string;
+export declare const Image: Function;

package/dist/types/src/blocks/Mutation.d.ts

@@ -0,0 +1,8 @@
+import { BuilderElement } from '@builder.io/sdk';
+type MutationProps = {
+    selector: string;
+    builderBlock?: BuilderElement;
+    type?: 'replace' | 'afterEnd';
+};
+export declare function Mutation(props: MutationProps): JSX.Element;
+export {};

package/dist/types/src/blocks/PersonalizationContainer.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BuilderElement } from '@builder.io/sdk';
+import { Query } from '../functions/filter-with-custom-targeting';
+export type PersonalizationContainerProps = {
+    children: React.ReactNode;
+    previewingIndex: number | null;
+    builderBlock?: BuilderElement;
+    builderState: any;
+    variants?: [
+        {
+            query: Query[];
+            startDate?: string;
+            endDate?: string;
+            blocks: BuilderElement[];
+        }
+    ];
+    attributes: any;
+};
+export declare function PersonalizationContainer(props: PersonalizationContainerProps): React.JSX.Element;

package/dist/types/src/blocks/Router.d.ts

@@ -0,0 +1,32 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface RouterProps {
+    model?: string;
+    data?: string;
+    content?: any;
+    handleRouting?: boolean;
+    builderBlock?: BuilderElement;
+    preloadOnHover?: boolean;
+    onRoute?: (routeEvent: RouteEvent) => void;
+}
+export interface RouteEvent {
+    /**
+     * Url being routed to
+     */
+    url: string;
+    /**
+     * Html anchor element the href is on that
+     * caused the route
+     */
+    anchorNode: HTMLAnchorElement;
+    /**
+     * Has preventDefault() been called preventing
+     * builder from routing to the clicked URL
+     */
+    defaultPrevented: boolean;
+    /**
+     * Prevents builder from handling routing for you to handle
+     * yourself
+     */
+    preventDefault(): void;
+}
+export declare const Router: Function;

package/dist/types/src/blocks/Section.d.ts

@@ -0,0 +1 @@
+export declare const Section: Function;

package/dist/types/src/blocks/Slot.d.ts

@@ -0,0 +1,5 @@
+type DropzoneProps = {
+    name: string;
+};
+export declare function Slot(props: DropzoneProps): JSX.Element;
+export {};

package/dist/types/src/blocks/StateProvider.d.ts

@@ -0,0 +1 @@
+export declare const StateProvider: Function;

package/dist/types/src/blocks/Symbol.d.ts

@@ -0,0 +1,19 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: any;
+    inline?: boolean;
+    dynamic?: boolean;
+    ownerId?: string;
+}
+export interface SymbolProps {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    builderBlock?: BuilderElement;
+    attributes?: any;
+    inheritState?: boolean;
+}
+export declare const Symbol: Function;

package/dist/types/src/blocks/Text.d.ts

@@ -0,0 +1,6 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface TextProps {
+    text: string;
+    builderBlock?: BuilderElement;
+}
+export declare const Text: Function;

package/dist/types/src/blocks/Video.d.ts

@@ -0,0 +1 @@
+export declare const Video: void;

package/dist/types/src/blocks/forms/Button.d.ts

@@ -0,0 +1,5 @@
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+}
+export declare const FormSubmitButton: Function;

package/dist/types/src/blocks/forms/Form.d.ts

@@ -0,0 +1,24 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface FormProps {
+    attributes?: any;
+    name?: string;
+    action?: string;
+    validate?: boolean;
+    method?: string;
+    builderBlock?: BuilderElement;
+    sendSubmissionsTo?: string;
+    sendSubmissionsToEmail?: string;
+    sendWithJs?: boolean;
+    contentType?: string;
+    customHeaders?: {
+        [key: string]: string;
+    };
+    successUrl?: string;
+    previewState?: string;
+    successMessage?: BuilderElement[];
+    errorMessage?: BuilderElement[];
+    sendingMessage?: BuilderElement[];
+    resetFormOnSubmit?: boolean;
+    errorMessagePath?: string;
+}
+export declare const Form: Function;

package/dist/types/src/blocks/forms/Input.d.ts

@@ -0,0 +1,10 @@
+export interface FormInputProps {
+    type?: string;
+    attributes?: any;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    required?: boolean;
+}
+export declare const FormInput: Function;

package/dist/types/src/blocks/forms/Label.d.ts

@@ -0,0 +1,8 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface LabelProps {
+    attributes?: any;
+    text?: string;
+    for?: string;
+    builderBlock?: BuilderElement;
+}
+export declare const Label: Function;

package/dist/types/src/blocks/forms/Select.d.ts

@@ -0,0 +1,12 @@
+export interface FormSelectProps {
+    options?: {
+        name?: string;
+        value: string;
+    }[];
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    required?: boolean;
+}
+export declare const FormSelect: Function;

package/dist/types/src/blocks/forms/TextArea.d.ts

@@ -0,0 +1,9 @@
+export interface FormTextAreaProps {
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    required?: boolean;
+}
+export declare const TextArea: Function;

package/dist/types/src/blocks/raw/Img.d.ts

@@ -0,0 +1,7 @@
+import { BuilderElement } from '@builder.io/sdk';
+export interface ImgProps {
+    attributes?: any;
+    image?: string;
+    builderBlock?: BuilderElement;
+}
+export declare const Img: Function;

package/dist/types/src/blocks/raw/RawText.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BuilderElement } from '@builder.io/sdk';
+export interface RawTextProps {
+    attributes?: any;
+    text?: string;
+    builderBlock?: BuilderElement;
+}
+export declare const RawText: (props: RawTextProps) => React.JSX.Element;

package/dist/types/src/builder-react-lite.d.ts

@@ -0,0 +1,17 @@
+import './scripts/init-editing';
+import { builder, Builder } from '@builder.io/sdk';
+export { BuilderElement } from '@builder.io/sdk';
+export { BuilderBlocks } from './components/builder-blocks.component';
+export { BuilderBlock as BuilderBlockComponent } from './components/builder-block.component';
+export { BuilderContent } from './components/builder-content.component';
+import { BuilderComponent } from './components/builder-component.component';
+export { BuilderStoreContext } from './store/builder-store';
+export { BuilderMetaContext } from './store/builder-meta';
+export { BuilderAsyncRequestsContext } from './store/builder-async-requests';
+export { withChildren } from './functions/with-children';
+export { BuilderComponent as BuilderPage };
+export { BuilderComponent };
+export { stringToFunction } from './functions/string-to-function';
+export { useIsPreviewing } from './hooks/useIsPreviewing';
+export { builder, Builder };
+export default builder;

package/dist/types/src/builder-react.d.ts

@@ -0,0 +1,45 @@
+import './scripts/init-editing';
+import { builder, Builder } from '@builder.io/sdk';
+export { BuilderElement } from '@builder.io/sdk';
+export { BuilderBlocks } from './components/builder-blocks.component';
+export { BuilderBlock as BuilderBlockComponent } from './components/builder-block.component';
+export { BuilderContent } from './components/builder-content.component';
+import { BuilderComponent, onChange, RegisteredComponent } from './components/builder-component.component';
+export { BuilderStoreContext, BuilderStore } from './store/builder-store';
+export { BuilderMetaContext } from './store/builder-meta';
+export { BuilderAsyncRequestsContext } from './store/builder-async-requests';
+export { BuilderBlock } from './decorators/builder-block.decorator';
+export * from './functions/update-metadata';
+export { withBuilder } from './functions/with-builder';
+export { withChildren } from './functions/with-children';
+export { noWrap } from './functions/no-wrap';
+export { BuilderComponent as BuilderPage, onChange, RegisteredComponent };
+export { BuilderComponent };
+export { BuilderComponent as Content };
+export { Text } from './blocks/Text';
+export { Slot as Dropzone } from './blocks/Slot';
+export { Fragment } from './blocks/Fragment';
+export { Columns } from './blocks/Columns';
+export { Embed } from './blocks/Embed';
+export { CustomCode } from './blocks/CustomCode';
+export { Image, getSrcSet } from './blocks/Image';
+export { Video } from './blocks/Video';
+export { Symbol } from './blocks/Symbol';
+export { Button } from './blocks/Button';
+export { Section } from './blocks/Section';
+export { StateProvider } from './blocks/StateProvider';
+export { Router } from './blocks/Router';
+export { Mutation } from './blocks/Mutation';
+export { Form } from './blocks/forms/Form';
+export { FormInput } from './blocks/forms/Input';
+export { FormSubmitButton } from './blocks/forms/Button';
+export { Label } from './blocks/forms/Label';
+export { FormSelect } from './blocks/forms/Select';
+export { TextArea } from './blocks/forms/TextArea';
+export { Img } from './blocks/raw/Img';
+export { RawText } from './blocks/raw/RawText';
+export { PersonalizationContainer } from './blocks/PersonalizationContainer';
+export { stringToFunction } from './functions/string-to-function';
+export { useIsPreviewing } from './hooks/useIsPreviewing';
+export { builder, Builder };
+export default builder;

package/dist/types/src/components/Link.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Link component should be used instead of an anchor tag in our components,
+ * this is to allow our users to override anchor tags in
+ * case they're using a routing Lib that requires using their
+ * custom Link component (e.g Next, Gatsby, React Router)
+ * <BuilderComponent renderLink=(props) => <myCustomLink {...props} /> />
+ */
+export declare const Link: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => React.JSX.Element;

package/dist/types/src/components/builder-block.component.d.ts

@@ -0,0 +1,50 @@
+/** @jsx jsx */
+import { Builder, BuilderElement } from '@builder.io/sdk';
+import React from 'react';
+import { Size } from '../constants/device-sizes.constant';
+export declare function deepCloneWithConditions<T = any>(obj: T): T;
+export interface BuilderBlockProps {
+    fieldName?: string;
+    block: BuilderElement;
+    child?: boolean;
+    index?: number;
+    size?: Size;
+    emailMode?: boolean;
+}
+interface BuilderBlockState {
+    state: any;
+    rootState: any;
+    context: any;
+    update: Function;
+}
+export declare class BuilderBlock extends React.Component<BuilderBlockProps, {
+    hasError: boolean;
+    updates: number;
+}> {
+    private _asyncRequests?;
+    private _errors?;
+    private _logs?;
+    hydrated: boolean;
+    state: {
+        hasError: boolean;
+        updates: number;
+    };
+    private privateState;
+    get store(): BuilderBlockState;
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    stringToFunction(str: string, expression?: boolean): (state: object, event?: Event | null | undefined, block?: any, builder?: Builder | undefined, Device?: any, update?: Function | null | undefined, _Builder?: typeof Builder | undefined, context?: object | undefined) => any;
+    get block(): BuilderElement;
+    emotionCss(responsiveStyles: BuilderElement['responsiveStyles']): any;
+    eval(str: string): any;
+    componentWillUnmount(): void;
+    onWindowMessage: (event: MessageEvent) => void;
+    componentDidMount(): void;
+    getElement(index?: number, state?: any): React.ReactNode;
+    get id(): string;
+    contents(state: BuilderBlockState): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | JSX.Element[] | null | undefined;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/src/components/builder-blocks.component.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Size } from '../constants/device-sizes.constant';
+export interface BuilderBlocksProps {
+    fieldName?: string;
+    blocks?: any[] | React.ReactNode;
+    child?: boolean;
+    size?: Size;
+    style?: React.CSSProperties;
+    parentElementId?: string;
+    parent?: any;
+    dataPath?: string;
+    className?: string;
+    emailMode?: boolean;
+}
+interface BuilderBlocksState {
+}
+export declare class BuilderBlocks extends React.Component<BuilderBlocksProps, BuilderBlocksState> {
+    hydrated: boolean;
+    get isRoot(): boolean;
+    get noBlocks(): boolean;
+    get path(): string;
+    get parentId(): any;
+    componentDidMount(): void;
+    onClickEmptyBlocks: () => void;
+    onHoverEmptyBlocks: () => void;
+    render(): JSX.Element;
+    static renderInto(elementOrSelector: string | HTMLElement, props: BuilderBlocksProps | undefined, builderState: any): void;
+}
+export {};