@weaverse/react 0.7.47 → 0.7.50

package/dist/index.d.ts

@@ -0,0 +1,216 @@
+import { WeaverseType, Weaverse, ElementCSS, WeaverseItemStore, WeaverseElement } from '@weaverse/core';
+export * from '@weaverse/core';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, ReactElement, ReactNode, CSSProperties } from 'react';
+import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
+import { DialogContentProps, DialogProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
+
+declare let createRootContext: (configs: WeaverseType) => Weaverse;
+declare let WeaverseContext: React$1.Context<Weaverse>;
+declare let WeaverseContextProvider: React$1.Provider<Weaverse>;
+declare let WeaverseContextConsumer: React$1.Consumer<Weaverse>;
+
+declare let CircleNotch: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let X: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Minus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Plus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ArrowLeft: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ArrowRight: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Image: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ShoppingCart: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Eye: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+
+declare const PhosphorIcons_CircleNotch: typeof CircleNotch;
+declare const PhosphorIcons_X: typeof X;
+declare const PhosphorIcons_Minus: typeof Minus;
+declare const PhosphorIcons_Plus: typeof Plus;
+declare const PhosphorIcons_ArrowLeft: typeof ArrowLeft;
+declare const PhosphorIcons_ArrowRight: typeof ArrowRight;
+declare const PhosphorIcons_Image: typeof Image;
+declare const PhosphorIcons_ShoppingCart: typeof ShoppingCart;
+declare const PhosphorIcons_Eye: typeof Eye;
+declare namespace PhosphorIcons {
+  export {
+    PhosphorIcons_CircleNotch as CircleNotch,
+    PhosphorIcons_X as X,
+    PhosphorIcons_Minus as Minus,
+    PhosphorIcons_Plus as Plus,
+    PhosphorIcons_ArrowLeft as ArrowLeft,
+    PhosphorIcons_ArrowRight as ArrowRight,
+    PhosphorIcons_Image as Image,
+    PhosphorIcons_ShoppingCart as ShoppingCart,
+    PhosphorIcons_Eye as Eye,
+  };
+}
+
+interface ModalContentProps extends DialogContentProps {
+    size?: 'auto' | 'fullscreen';
+    portal?: boolean;
+}
+type WeaverseIcon = keyof typeof PhosphorIcons;
+interface WeaverseIconProps extends HTMLAttributes<SVGElement> {
+    name: WeaverseIcon;
+}
+interface TooltipProps {
+    children: React.ReactNode;
+}
+
+interface WeaverseElementProps extends Partial<ReactElement> {
+    css?: ElementCSS;
+    children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
+    className?: string;
+}
+type WeaverseRootPropsType = {
+    context: Weaverse;
+};
+type ItemComponentProps = {
+    instance: InstanceType<typeof WeaverseItemStore>;
+};
+interface PlaceholderProps {
+    element: string;
+    children: ReactElement | ReactElement[] | ReactNode | ReactNode[];
+    style?: CSSProperties;
+}
+interface ButtonElementProps extends WeaverseElementProps {
+    type: 'button' | 'submit' | 'reset';
+    text: string;
+    clickAction: 'none' | 'openLink';
+    linkTo: string;
+    openInNewTab: boolean;
+}
+interface ContainerElementProps extends WeaverseElementProps {
+    [key: string]: any;
+}
+interface ImageElementProps extends WeaverseElementProps {
+    src: string;
+    alt: string;
+    objectFit: 'contain' | 'cover';
+    objectPosition: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'center left' | 'center right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    clickAction: 'none' | 'openLightbox' | 'openLink';
+    linkTo?: string;
+    openLinkInNewTab?: boolean;
+}
+interface GridContentElementProps extends WeaverseElementProps {
+    rows: number;
+    columns: number;
+    gap: number;
+    rowSize: number;
+}
+interface BackgroundDataProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    objectPosition?: string;
+}
+interface LayoutElementProps extends BackgroundDataProps, WeaverseElementProps {
+    contentSize: number;
+    gridSize: number;
+    rows: number;
+    columns: number;
+    gap: number;
+    rowSize: number;
+    enableOverlay: boolean;
+    overlayOpacity: number;
+}
+interface LayoutBackgroundProps {
+    imgUrl?: string;
+    bgColor?: string;
+    objectFit?: CSSProperties['objectFit'];
+    objectPosition?: CSSProperties['objectPosition'];
+}
+interface MapElementProps extends WeaverseElementProps {
+    place: string;
+    zoom: number;
+}
+interface TextElementProps extends WeaverseElementProps {
+    value: string;
+}
+interface VideoCommonProps {
+    src: string;
+    type?: string;
+    poster: string;
+    loop: boolean;
+    controls: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+}
+type VideoElementProps = VideoCommonProps & WeaverseElementProps;
+interface YoutubeElementProps extends VideoCommonProps {
+    youtubeId: string;
+}
+interface VimeoElementProps extends VideoCommonProps {
+    vimeoId: string;
+}
+type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
+type CountdownTimerType = 'fixed-time' | 'evergreen';
+interface CountdownElementProps extends WeaverseElementProps {
+    timerType: CountdownTimerType;
+    startTime: number;
+    endTime: number;
+    periods: number;
+    redirectWhenTimerStops: boolean;
+    redirectUrl: string;
+    openInNewTab: boolean;
+    showLabel: boolean;
+    showColon: boolean;
+}
+type TimerBlockProps = {
+    label: string;
+    value: string | number;
+};
+interface InstagramElementProps extends WeaverseElementProps {
+    token: string;
+    username: string;
+    numberOfImages: number;
+    imagesPerRow: number;
+    gap: number;
+}
+type InstagramMedia = {
+    id: string;
+    media_type: 'IMAGE' | 'CAROUSEL_ALBUM' | 'VIDEO';
+    media_url: string;
+    permalink: string;
+    caption: string;
+    thumbnail_url: string;
+};
+
+declare let Modal: (props: DialogProps) => JSX.Element;
+declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare let ModalHeader: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
+declare let ModalContent: React__default.ForwardRefExoticComponent<ModalContentProps & React__default.RefAttributes<HTMLDivElement>>;
+declare let ModalClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const ModalComponents_Modal: typeof Modal;
+declare const ModalComponents_ModalTrigger: typeof ModalTrigger;
+declare const ModalComponents_ModalHeader: typeof ModalHeader;
+declare const ModalComponents_ModalContent: typeof ModalContent;
+declare const ModalComponents_ModalClose: typeof ModalClose;
+declare namespace ModalComponents {
+  export {
+    ModalComponents_Modal as Modal,
+    ModalComponents_ModalTrigger as ModalTrigger,
+    ModalComponents_ModalHeader as ModalHeader,
+    ModalComponents_ModalContent as ModalContent,
+    ModalComponents_ModalClose as ModalClose,
+  };
+}
+
+declare function Spinner(): JSX.Element;
+
+declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Element;
+
+declare function Tooltip({ children }: TooltipProps): JSX.Element;
+
+declare let Components: {
+    Placeholder: React$1.ForwardRefExoticComponent<PlaceholderProps & React$1.RefAttributes<HTMLDivElement>>;
+    Spinner: typeof Spinner;
+    ModalComponents: typeof ModalComponents;
+    Icon: typeof Icon;
+    Tooltip: typeof Tooltip;
+};
+
+declare const Elements: Record<string, WeaverseElement>;
+
+declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
+
+export { ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, PlaceholderProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.47",
+  "version": "0.7.50",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.2",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "0.7.46",
+    "@weaverse/core": "0.7.50",
     "clsx": "^1.2.1"
   }
 }