@plasmicapp/react-web 0.2.201 → 0.2.202

package/skinny/dist/react-utils.d.ts

@@ -1,21 +1,21 @@
-import React from "react";
-export declare const isBrowser: boolean;
-export declare const NONE: unique symbol;
-export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
-export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.CElement<any, React.Component<any, any, any>>;
-export declare function ensureNotArray(children: React.ReactNode): any;
-/**
- * Flattens ReactNode into an array of ReactChild, but does NOT replace
- * missing keys with array index, as React.Children.toArray() does.
- */
-export declare function toChildArray(children: React.ReactNode): React.ReactChild[];
-export declare function isReactText(child: React.ReactNode): child is React.ReactText;
-export declare function isReactChild(child: React.ReactNode): child is React.ReactChild;
-export declare function isReactFragment(child: React.ReactNode): child is React.ReactElement;
-export declare function isReactNode(x: any): boolean;
-export type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
-export type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React.ComponentProps<T>["ref"], string>;
-export declare function mergeProps(props: Record<string, any>, ...restProps: Record<string, any>[]): Record<string, any>;
-export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (value: T) => void;
-export declare function mergePropVals(name: string, val1: any, val2: any): any;
-export declare function getElementTypeName(element: React.ReactElement): any;
+import React from "react";
+export declare const isBrowser: boolean;
+export declare const NONE: unique symbol;
+export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
+export declare function createElementWithChildren(elementType: any, props: any, children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.CElement<any, React.Component<any, any, any>>;
+export declare function ensureNotArray(children: React.ReactNode): any;
+/**
+ * Flattens ReactNode into an array of ReactChild, but does NOT replace
+ * missing keys with array index, as React.Children.toArray() does.
+ */
+export declare function toChildArray(children: React.ReactNode): React.ReactChild[];
+export declare function isReactText(child: React.ReactNode): child is React.ReactText;
+export declare function isReactChild(child: React.ReactNode): child is React.ReactChild;
+export declare function isReactFragment(child: React.ReactNode): child is React.ReactElement;
+export declare function isReactNode(x: any): boolean;
+export type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
+export type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React.ComponentProps<T>["ref"], string>;
+export declare function mergeProps(props: Record<string, any>, ...restProps: Record<string, any>[]): Record<string, any>;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (value: T) => void;
+export declare function mergePropVals(name: string, val1: any, val2: any): any;
+export declare function getElementTypeName(element: React.ReactElement): any;

package/skinny/dist/react-utils.spec.d.ts

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

package/skinny/dist/render/PlasmicHead/index.d.ts

@@ -1,37 +1,37 @@
-import * as React from "react";
-export declare const PlasmicHeadContext: React.Context<React.ComponentType<any> | undefined>;
-type PlasmicHeadProps = {
-    title?: string;
-    description?: string;
-    image?: string;
-    canonical?: string;
-};
-export declare function PlasmicHead(props: PlasmicHeadProps): JSX.Element | null;
-export declare const plasmicHeadMeta: {
-    name: string;
-    displayName: string;
-    description: string;
-    importName: string;
-    importPath: string;
-    isRepeatable: boolean;
-    styleSections: boolean;
-    props: {
-        title: {
-            type: string;
-            displayName: string;
-        };
-        description: {
-            type: string;
-            displayName: string;
-        };
-        image: {
-            type: string;
-            displayName: string;
-        };
-        canonical: {
-            type: string;
-            displayName: string;
-        };
-    };
-};
-export {};
+import * as React from "react";
+export declare const PlasmicHeadContext: React.Context<React.ComponentType<any> | undefined>;
+type PlasmicHeadProps = {
+    title?: string;
+    description?: string;
+    image?: string;
+    canonical?: string;
+};
+export declare function PlasmicHead(props: PlasmicHeadProps): JSX.Element | null;
+export declare const plasmicHeadMeta: {
+    name: string;
+    displayName: string;
+    description: string;
+    importName: string;
+    importPath: string;
+    isRepeatable: boolean;
+    styleSections: boolean;
+    props: {
+        title: {
+            type: string;
+            displayName: string;
+        };
+        description: {
+            type: string;
+            displayName: string;
+        };
+        image: {
+            type: string;
+            displayName: string;
+        };
+        canonical: {
+            type: string;
+            displayName: string;
+        };
+    };
+};
+export {};

package/skinny/dist/render/PlasmicHead/index.js

@@ -1,59 +1,59 @@
 import * as React from 'react';
 
-var PlasmicHeadContext = React.createContext(undefined);
-function PlasmicHead(props) {
-    var Head = React.useContext(PlasmicHeadContext);
-    if (!Head) {
-        console.warn("Plasmic: Head meta tags are being ignored. To make them work, pass a Head component into PlasmicRootProvider.");
-        // TODO: Link to doc about Head.
-        return null;
-    }
-    // Helmet does not support React.Fragments, so we need to use `[<meta />,
-    // <meta />]` instead of `<><meta /><meta /></>`.
-    return (React.createElement(Head, null,
-        props.image ? ([
-            React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary_large_image" }),
-            React.createElement("meta", { key: "og:image", property: "og:image", content: props.image }),
-            React.createElement("meta", { key: "twitter:image", name: "twitter:image", content: props.image }),
-        ]) : (React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary" })),
-        props.title && [
-            React.createElement("title", { key: "title" }, props.title),
-            React.createElement("meta", { key: "og:title", property: "og:title", content: props.title }),
-            React.createElement("meta", { key: "twitter:title", property: "twitter:title", content: props.title }),
-        ],
-        props.description && [
-            React.createElement("meta", { key: "description", name: "description", content: props.description }),
-            React.createElement("meta", { key: "og:description", property: "og:description", content: props.description }),
-            React.createElement("meta", { key: "twitter:description", name: "twitter:description", content: props.description }),
-        ],
-        props.canonical && (React.createElement("link", { key: "canonical", ref: "canonical", href: props.canonical }))));
-}
-var plasmicHeadMeta = {
-    name: "hostless-plasmic-head",
-    displayName: "Head",
-    description: "Used to add page metadata to HTML <head />.",
-    importName: "PlasmicHead",
-    importPath: "@plasmicapp/react-web",
-    isRepeatable: false,
-    styleSections: false,
-    props: {
-        title: {
-            type: "string",
-            displayName: "Title"
-        },
-        description: {
-            type: "string",
-            displayName: "Description"
-        },
-        image: {
-            type: "imageUrl",
-            displayName: "Image"
-        },
-        canonical: {
-            type: "string",
-            displayName: "Canonical URL"
-        }
-    }
+var PlasmicHeadContext = React.createContext(undefined);
+function PlasmicHead(props) {
+    var Head = React.useContext(PlasmicHeadContext);
+    if (!Head) {
+        console.warn("Plasmic: Head meta tags are being ignored. To make them work, pass a Head component into PlasmicRootProvider.");
+        // TODO: Link to doc about Head.
+        return null;
+    }
+    // Helmet does not support React.Fragments, so we need to use `[<meta />,
+    // <meta />]` instead of `<><meta /><meta /></>`.
+    return (React.createElement(Head, null,
+        props.image ? ([
+            React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary_large_image" }),
+            React.createElement("meta", { key: "og:image", property: "og:image", content: props.image }),
+            React.createElement("meta", { key: "twitter:image", name: "twitter:image", content: props.image }),
+        ]) : (React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary" })),
+        props.title && [
+            React.createElement("title", { key: "title" }, props.title),
+            React.createElement("meta", { key: "og:title", property: "og:title", content: props.title }),
+            React.createElement("meta", { key: "twitter:title", property: "twitter:title", content: props.title }),
+        ],
+        props.description && [
+            React.createElement("meta", { key: "description", name: "description", content: props.description }),
+            React.createElement("meta", { key: "og:description", property: "og:description", content: props.description }),
+            React.createElement("meta", { key: "twitter:description", name: "twitter:description", content: props.description }),
+        ],
+        props.canonical && (React.createElement("link", { key: "canonical", ref: "canonical", href: props.canonical }))));
+}
+var plasmicHeadMeta = {
+    name: "hostless-plasmic-head",
+    displayName: "Head",
+    description: "Used to add page metadata to HTML <head />.",
+    importName: "PlasmicHead",
+    importPath: "@plasmicapp/react-web",
+    isRepeatable: false,
+    styleSections: false,
+    props: {
+        title: {
+            type: "string",
+            displayName: "Title",
+        },
+        description: {
+            type: "string",
+            displayName: "Description",
+        },
+        image: {
+            type: "imageUrl",
+            displayName: "Image",
+        },
+        canonical: {
+            type: "string",
+            displayName: "Canonical URL",
+        },
+    },
 };
 
 export { PlasmicHead, PlasmicHeadContext, plasmicHeadMeta };

package/skinny/dist/render/PlasmicIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
-export declare function PlasmicIcon(props: React.ComponentProps<"svg"> & {
-    PlasmicIconType: React.ComponentType;
-}): JSX.Element;
+import * as React from "react";
+export declare function PlasmicIcon(props: React.ComponentProps<"svg"> & {
+    PlasmicIconType: React.ComponentType;
+}): JSX.Element;

package/skinny/dist/render/PlasmicImg/index.d.ts

@@ -1,81 +1,81 @@
-/**
- * Responsive `<img/>` replacement, based on `next/image`
- */
-import React from "react";
-export interface ImageLoader {
-    supportsUrl: (url: string) => boolean;
-    transformUrl: (opts: {
-        src: string;
-        width?: number;
-        quality?: number;
-        format?: "webp";
-    }) => string;
-}
-type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
-export interface PlasmicImgProps extends ImgTagProps {
-    /**
-     * Either an object with the src string, and its full width and height,
-     * or just a src string with unknown intrinsic dimensions.
-     */
-    src?: string | {
-        src: string | {
-            src: string;
-            height: number;
-            width: number;
-            blurDataURL?: string;
-        };
-        fullHeight: number;
-        fullWidth: number;
-        aspectRatio?: number;
-    };
-    /**
-     * className applied to the wrapper element if one is used.
-     */
-    className?: string;
-    /**
-     * css width
-     */
-    displayWidth?: number | string;
-    /**
-     * css height
-     */
-    displayHeight?: number | string;
-    /**
-     * css min-width
-     */
-    displayMinWidth?: number | string;
-    /**
-     * css min-height
-     */
-    displayMinHeight?: number | string;
-    /**
-     * css max-width
-     */
-    displayMaxWidth?: number | string;
-    /**
-     * css max-height
-     */
-    displayMaxHeight?: number | string;
-    /**
-     * For variable quality formats like jpg, the quality from 0 to 100
-     */
-    quality?: number;
-    /**
-     * ImageLoader to use for loading different dimensions of the image.
-     * If none specified, will not attempt to load different dimensions.
-     */
-    loader?: "plasmic" | ImageLoader;
-    /**
-     * Style applied to the wrapper element. objectFit and objectPosition
-     * rules are applied to the img element.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Ref for the img element.  The normal <PlasmicImg ref={...} />
-     * prop gives the root element instead, which may be the img element
-     * or a wrapper element
-     */
-    imgRef?: React.Ref<HTMLImageElement>;
-}
-export declare const PlasmicImg: React.ForwardRefExoticComponent<PlasmicImgProps & React.RefAttributes<HTMLElement>>;
-export {};
+/**
+ * Responsive `<img/>` replacement, based on `next/image`
+ */
+import React from "react";
+export interface ImageLoader {
+    supportsUrl: (url: string) => boolean;
+    transformUrl: (opts: {
+        src: string;
+        width?: number;
+        quality?: number;
+        format?: "webp";
+    }) => string;
+}
+type ImgTagProps = Omit<React.ComponentProps<"img">, "src" | "srcSet" | "ref" | "style">;
+export interface PlasmicImgProps extends ImgTagProps {
+    /**
+     * Either an object with the src string, and its full width and height,
+     * or just a src string with unknown intrinsic dimensions.
+     */
+    src?: string | {
+        src: string | {
+            src: string;
+            height: number;
+            width: number;
+            blurDataURL?: string;
+        };
+        fullHeight: number;
+        fullWidth: number;
+        aspectRatio?: number;
+    };
+    /**
+     * className applied to the wrapper element if one is used.
+     */
+    className?: string;
+    /**
+     * css width
+     */
+    displayWidth?: number | string;
+    /**
+     * css height
+     */
+    displayHeight?: number | string;
+    /**
+     * css min-width
+     */
+    displayMinWidth?: number | string;
+    /**
+     * css min-height
+     */
+    displayMinHeight?: number | string;
+    /**
+     * css max-width
+     */
+    displayMaxWidth?: number | string;
+    /**
+     * css max-height
+     */
+    displayMaxHeight?: number | string;
+    /**
+     * For variable quality formats like jpg, the quality from 0 to 100
+     */
+    quality?: number;
+    /**
+     * ImageLoader to use for loading different dimensions of the image.
+     * If none specified, will not attempt to load different dimensions.
+     */
+    loader?: "plasmic" | ImageLoader;
+    /**
+     * Style applied to the wrapper element. objectFit and objectPosition
+     * rules are applied to the img element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Ref for the img element.  The normal <PlasmicImg ref={...} />
+     * prop gives the root element instead, which may be the img element
+     * or a wrapper element
+     */
+    imgRef?: React.Ref<HTMLImageElement>;
+}
+export declare const PlasmicImg: React.ForwardRefExoticComponent<PlasmicImgProps & React.RefAttributes<HTMLElement>>;
+export {};