@weaverse/react 0.6.16 → 0.6.19

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { WeaverseType, Weaverse } from '@weaverse/core';
+import { ReactElement, ReactNode } from 'react';
+import { WeaverseType, Weaverse, WeaverseElementCSS, WeaverseItemStore } from '@weaverse/core';
 export * from '@weaverse/core';
 
 declare let createRootContext: (configs: WeaverseType) => Weaverse;
@@ -7,13 +8,78 @@ declare let WeaverseContext: react.Context<Weaverse>;
 declare let WeaverseContextProvider: react.Provider<Weaverse>;
 declare let WeaverseContextConsumer: react.Consumer<Weaverse>;
 
-interface WeaverseElementProps {
-    children?: React.ReactNode;
+interface WeaverseElementProps extends ReactElement {
+    css?: WeaverseElementCSS;
+    children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
 }
 declare type WeaverseRootPropsType = {
     context: Weaverse;
 };
+declare type ItemComponentProps = {
+    instance: InstanceType<typeof WeaverseItemStore>;
+};
+interface ButtonElementProps extends WeaverseElementProps {
+    value: string;
+    openInNewTab: boolean;
+    target: string;
+    type: 'button' | 'submit' | 'reset';
+}
+interface ContainerElementProps extends WeaverseElementProps {
+    TODO?: any;
+}
+interface ImageElementProps extends WeaverseElementProps {
+    src: string;
+    alt: string;
+}
+interface LayoutElementProps extends WeaverseElementProps {
+    gridSize: number;
+    rows: number;
+    columns: number;
+    gap: number;
+    rowSize: number;
+}
+interface MapElementProps extends WeaverseElementProps {
+    place: string;
+    zoom: number;
+}
+interface TextElementProps extends WeaverseElementProps {
+    value: string;
+}
+interface VideoElementProps extends WeaverseElementProps {
+    src: string;
+    poster: string;
+    loop: boolean;
+    type: string;
+    controls: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+}
+declare type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
+interface CountdownElementProps extends WeaverseElementProps {
+    timerType: 'fixed-time' | 'evergreen';
+    startTime: number;
+    endTime: number;
+    periods: number;
+    redirectUrl: string;
+    openInNewTab: boolean;
+    showLabel: boolean;
+    showColon: boolean;
+}
+interface InstagramElementProps extends WeaverseElementProps {
+    token: string;
+    username: string;
+    numberOfImages: number;
+    imagesPerRow: number;
+    gap: number;
+}
+declare type InstagramMedia = {
+    id: string;
+    media_type: 'IMAGE' | 'CAROUSEL_ALBUM';
+    media_url: string;
+    permalink: string;
+    caption: string;
+};
 
 declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element;
 
-export { WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };
+export { ButtonElementProps, ContainerElementProps, CountdownElementProps, CountdownTimeKey, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutElementProps, MapElementProps, TextElementProps, VideoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, createRootContext };