@plasmicpkgs/plasmic-basic-components 0.0.2 → 0.0.6

package/dist/Data.d.ts

@@ -1,5 +1,6 @@
-/** @format */
-import React, { ComponentProps, CSSProperties, ReactNode } from "react";
+import { ComponentMeta } from "@plasmicapp/host";
+import registerComponent from "@plasmicapp/host/registerComponent";
+import React, { ComponentProps, ReactNode } from "react";
 export declare type DataDict = Record<string, any>;
 export declare const DataContext: React.Context<Record<string, any> | undefined>;
 export declare function applySelector(rawData: DataDict | undefined, selector: string | undefined): any;
@@ -19,28 +20,23 @@ export interface CommonDynamicProps {
     propSelectors?: SelectorDict;
 }
 export declare function DynamicElement<Tag extends keyof JSX.IntrinsicElements = "div">({ tag, className, children, propSelectors, ...props }: CommonDynamicProps & ComponentProps<Tag>): React.DOMElement<any, Element>;
-export declare function DynamicText({ selector, propSelectors, ...props }: CommonDynamicProps & {
+export interface DynamicTextProps extends CommonDynamicProps {
     selector?: string;
-}): JSX.Element;
-export declare function DynamicImage({ selector, propSelectors, ...props }: CommonDynamicProps & ComponentProps<"img"> & {
+}
+export declare function DynamicText({ selector, propSelectors, ...props }: DynamicTextProps): JSX.Element;
+export interface DynamicImageProps extends CommonDynamicProps, ComponentProps<"img"> {
     selector?: string;
-}): JSX.Element;
-export interface DynamicCollectionProps extends CommonDynamicProps {
+}
+export declare function DynamicImage({ selector, propSelectors, ...props }: DynamicImageProps): JSX.Element;
+export interface DynamicRepeaterProps {
     children?: ReactNode;
-    style?: CSSProperties;
     loopItemName?: string;
     keySelector?: string;
     selector?: string;
     data?: any;
 }
-export declare function DynamicCollection({ selector, loopItemName, children, data, keySelector, ...props }: DynamicCollectionProps): JSX.Element;
-export interface DynamicCollectionGridProps extends DynamicCollectionProps {
-    columns?: number;
-    columnGap?: number;
-    rowGap?: number;
-}
-export declare function DynamicCollectionGrid({ columns, columnGap, rowGap, ...props }: DynamicCollectionGridProps): JSX.Element;
-export declare const dynamicCollectionProps: {
+export declare function DynamicRepeater({ children, loopItemName, keySelector, selector, data, }: DynamicRepeaterProps): JSX.Element;
+export declare const dynamicRepeaterProps: {
     readonly selector: {
         readonly type: "string";
         readonly description: "The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField";
@@ -51,47 +47,24 @@ export declare const dynamicCollectionProps: {
         readonly description: "The name of the variable to use to store the current item in the loop";
     };
     readonly children: "slot";
-    readonly tag: {
-        readonly type: "string";
-        readonly description: "The HTML tag to use";
-    };
-    readonly propSelectors: {
-        readonly type: "object";
-        readonly description: "An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.";
-    };
-};
-export declare const dynamicCollectionGridProps: {
-    readonly columns: {
-        readonly type: "number";
-        readonly defaultValue: 2;
-        readonly description: "The number of columns to use in the grid";
-    };
-    readonly columnGap: {
-        readonly type: "number";
-        readonly defaultValue: 8;
-        readonly description: "The gap between columns";
-    };
-    readonly rowGap: {
-        readonly type: "number";
-        readonly defaultValue: 8;
-        readonly description: "The gap between rows";
-    };
-    readonly selector: {
-        readonly type: "string";
-        readonly description: "The selector expression to use to get the array of data to loop over, such as: someVariable.0.someField";
-    };
-    readonly loopItemName: {
-        readonly type: "string";
-        readonly defaultValue: "item";
-        readonly description: "The name of the variable to use to store the current item in the loop";
-    };
-    readonly children: "slot";
-    readonly tag: {
-        readonly type: "string";
-        readonly description: "The HTML tag to use";
-    };
-    readonly propSelectors: {
-        readonly type: "object";
-        readonly description: "An object whose keys are prop names and values are selector expressions. Use this to set any prop to a dynamic value.";
-    };
 };
+export declare const dynamicRepeaterMeta: ComponentMeta<DynamicRepeaterProps>;
+export declare function registerDynamicRepeater(loader?: {
+    registerComponent: typeof registerComponent;
+}, customDynamicRepeaterMeta?: ComponentMeta<DynamicRepeaterProps>): void;
+export declare const dataProviderMeta: ComponentMeta<DataProviderProps>;
+export declare function registerDataProvider(loader?: {
+    registerComponent: typeof registerComponent;
+}, customDataProviderMeta?: ComponentMeta<DataProviderProps>): void;
+export declare const dynamicElementMeta: ComponentMeta<CommonDynamicProps>;
+export declare function registerDynamicElement(loader?: {
+    registerComponent: typeof registerComponent;
+}, customDynamicElementMeta?: ComponentMeta<CommonDynamicProps>): void;
+export declare const dynamicTextMeta: ComponentMeta<DynamicTextProps>;
+export declare function registerDynamicText(loader?: {
+    registerComponent: typeof registerComponent;
+}, customDynamicTextMeta?: ComponentMeta<DynamicTextProps>): void;
+export declare const dynamicImageMeta: ComponentMeta<DynamicImageProps>;
+export declare function registerDynamicImage(loader?: {
+    registerComponent: typeof registerComponent;
+}, customDynamicImageMeta?: ComponentMeta<DynamicImageProps>): void;

package/dist/Embed.d.ts

@@ -1,8 +1,10 @@
-/** @format */
-/// <reference types="react" />
+import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
 export interface EmbedProps {
     className?: string;
     code: string;
     hideInEditor?: boolean;
 }
-export default function Embed({ className, code, hideInEditor, }: EmbedProps): JSX.Element;
+export declare const embedMeta: ComponentMeta<EmbedProps>;
+export declare function registerEmbed(loader?: {
+    registerComponent: typeof registerComponent;
+}, customEmbedMeta?: ComponentMeta<EmbedProps>): void;

package/dist/Iframe.d.ts

@@ -1,8 +1,13 @@
-/** @format */
 /// <reference types="react" />
+import { ComponentMeta } from "@plasmicapp/host";
+import registerComponent from "@plasmicapp/host/registerComponent";
 export interface IframeProps {
     src: string;
-    hideInEditor?: boolean;
+    preview?: boolean;
     className?: string;
 }
-export default function Iframe({ hideInEditor, src, className }: IframeProps): JSX.Element;
+export default function Iframe({ preview, src, className }: IframeProps): JSX.Element;
+export declare const iframeMeta: ComponentMeta<IframeProps>;
+export declare function registerIframe(loader?: {
+    registerComponent: typeof registerComponent;
+}, customIframeMeta?: ComponentMeta<IframeProps>): void;

package/dist/ScrollRevealer.d.ts

@@ -1,9 +1,16 @@
+import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
 import { ReactNode, RefObject } from "react";
 export declare function useDirectionalIntersection({ ref, scrollDownThreshold, scrollUpThreshold, }: {
     ref: RefObject<HTMLElement>;
     scrollDownThreshold?: number;
     scrollUpThreshold?: number;
 }): boolean;
+export interface ScrollRevealerProps {
+    children?: ReactNode;
+    className?: string;
+    scrollUpThreshold?: number;
+    scrollDownThreshold?: number;
+}
 /**
  * Unlike react-awesome-reveal, ScrollRevealer:
  *
@@ -12,9 +19,8 @@ export declare function useDirectionalIntersection({ ref, scrollDownThreshold, s
  *
  * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.
  */
-export default function ScrollRevealer({ children, className, scrollDownThreshold, scrollUpThreshold, }: {
-    children?: ReactNode;
-    className?: string;
-    scrollUpThreshold?: number;
-    scrollDownThreshold?: number;
-}): JSX.Element;
+export default function ScrollRevealer({ children, className, scrollDownThreshold, scrollUpThreshold, }: ScrollRevealerProps): JSX.Element;
+export declare const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps>;
+export declare function registerScrollRevealer(loader?: {
+    registerComponent: typeof registerComponent;
+}, customScrollRevealerMeta?: ComponentMeta<ScrollRevealerProps>): void;

package/dist/Video.d.ts

@@ -1,3 +1,9 @@
+import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
 import React from "react";
+export declare type VideoProps = Pick<React.ComponentProps<"video">, "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster" | "preload" | "src">;
 declare const Video: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster" | "preload" | "src"> & React.RefAttributes<HTMLVideoElement>>;
 export default Video;
+export declare const videoMeta: ComponentMeta<VideoProps>;
+export declare function registerVideo(loader?: {
+    registerComponent: typeof registerComponent;
+}, customVideoMeta?: ComponentMeta<VideoProps>): void;

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export * from "./Data";
-export { default as Embed } from "./Embed";
+export * from "./Iframe";
 export { default as Iframe } from "./Iframe";
+export * from "./ScrollRevealer";
 export { default as ScrollRevealer } from "./ScrollRevealer";
+export * from "./Video";
 export { default as Video } from "./Video";