@weaverse/react 1.0.47 → 1.0.49

package/dist/index.d.ts

@@ -1,188 +1,11 @@
-import { WeaverseType, Weaverse, WeaverseElement, ElementCSS, WeaverseItemStore } from '@weaverse/core';
+import { Weaverse, ElementCSS, WeaverseItemStore } from '@weaverse/core';
 export * from '@weaverse/core';
-import * as React$1 from 'react';
-import React__default, { HTMLAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
-import * as keen_slider_react from 'keen-slider/react';
-import { KeenSliderPlugin } from 'keen-slider/react';
-import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import { DialogContentProps, DialogProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
-import { KeenSliderInstance } from 'keen-slider';
+import * as react from 'react';
+import react__default, { ReactElement, ReactNode } from 'react';
 
-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 Circle: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let CircleNotch: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let X: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Minus: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Plus: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let CaretLeft: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let CaretRight: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let ArrowLeft: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let ArrowRight: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Image: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let ShoppingCart: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Storefront: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Package: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let HandBag: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Tag: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Backpack: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Newspaper: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-declare let Eye: (props: HTMLAttributes<SVGElement>) => React__default.JSX.Element;
-
-declare const PhosphorIcons_ArrowLeft: typeof ArrowLeft;
-declare const PhosphorIcons_ArrowRight: typeof ArrowRight;
-declare const PhosphorIcons_Backpack: typeof Backpack;
-declare const PhosphorIcons_CaretLeft: typeof CaretLeft;
-declare const PhosphorIcons_CaretRight: typeof CaretRight;
-declare const PhosphorIcons_Circle: typeof Circle;
-declare const PhosphorIcons_CircleNotch: typeof CircleNotch;
-declare const PhosphorIcons_Eye: typeof Eye;
-declare const PhosphorIcons_HandBag: typeof HandBag;
-declare const PhosphorIcons_Image: typeof Image;
-declare const PhosphorIcons_Minus: typeof Minus;
-declare const PhosphorIcons_Newspaper: typeof Newspaper;
-declare const PhosphorIcons_Package: typeof Package;
-declare const PhosphorIcons_Plus: typeof Plus;
-declare const PhosphorIcons_ShoppingCart: typeof ShoppingCart;
-declare const PhosphorIcons_Storefront: typeof Storefront;
-declare const PhosphorIcons_Tag: typeof Tag;
-declare const PhosphorIcons_X: typeof X;
-declare namespace PhosphorIcons {
-  export {
-    PhosphorIcons_ArrowLeft as ArrowLeft,
-    PhosphorIcons_ArrowRight as ArrowRight,
-    PhosphorIcons_Backpack as Backpack,
-    PhosphorIcons_CaretLeft as CaretLeft,
-    PhosphorIcons_CaretRight as CaretRight,
-    PhosphorIcons_Circle as Circle,
-    PhosphorIcons_CircleNotch as CircleNotch,
-    PhosphorIcons_Eye as Eye,
-    PhosphorIcons_HandBag as HandBag,
-    PhosphorIcons_Image as Image,
-    PhosphorIcons_Minus as Minus,
-    PhosphorIcons_Newspaper as Newspaper,
-    PhosphorIcons_Package as Package,
-    PhosphorIcons_Plus as Plus,
-    PhosphorIcons_ShoppingCart as ShoppingCart,
-    PhosphorIcons_Storefront as Storefront,
-    PhosphorIcons_Tag as Tag,
-    PhosphorIcons_X as X,
-  };
-}
-
-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 SliderProps {
-    children: React.ReactNode;
-    className?: string;
-    gap?: number;
-    arrowOffset: number;
-    slidesPerView: number;
-}
-interface SliderArrowsProps {
-    currentSlide: number;
-    instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
-    offset: number;
-    icon: 'caret' | 'arrow';
-    className?: string;
-}
-interface SliderDotsProps {
-    currentSlide: number;
-    instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
-    className?: string;
-    absolute?: boolean;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    color: 'light' | 'dark';
-}
-interface OverlayProps {
-    enableOverlay: boolean;
-    overlayOpacity: number;
-    className?: string;
-}
-interface BackgroundProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    backgroundFit?: CSSProperties['objectFit'];
-    backgroundPosition?: CSSProperties['objectPosition'];
-    className?: string;
-}
-
-declare let Modal: (props: DialogProps) => React__default.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_ModalClose: typeof ModalClose;
-declare const ModalComponents_ModalContent: typeof ModalContent;
-declare const ModalComponents_ModalHeader: typeof ModalHeader;
-declare const ModalComponents_ModalTrigger: typeof ModalTrigger;
-declare namespace ModalComponents {
-  export {
-    ModalComponents_Modal as Modal,
-    ModalComponents_ModalClose as ModalClose,
-    ModalComponents_ModalContent as ModalContent,
-    ModalComponents_ModalHeader as ModalHeader,
-    ModalComponents_ModalTrigger as ModalTrigger,
-  };
-}
-
-declare function Spinner(): React__default.JSX.Element;
-
-declare function Icon({ name, className, ...props }: WeaverseIconProps): React__default.JSX.Element;
-
-declare function Tooltip({ children }: TooltipProps): React__default.JSX.Element;
-
-declare function Slider(props: SliderProps): React__default.JSX.Element;
-
-declare function Background(props: BackgroundProps): React__default.JSX.Element | null;
-
-declare function Overlay(props: OverlayProps): React__default.JSX.Element | null;
-
-declare function Arrows(props: SliderArrowsProps): React__default.JSX.Element;
-
-declare function Dots(props: SliderDotsProps): React__default.JSX.Element;
-
-declare function AutoplayPlugin(changeSlidesEvery: number): KeenSliderPlugin;
-
-type NoHydrateProps = {
-    id: string;
-    getHTML?: () => string;
-} & JSX.IntrinsicElements['div'];
-declare function NoHydrate({ id, getHTML, ...rest }: NoHydrateProps): React__default.JSX.Element;
-
-declare let Components: {
-    Background: typeof Background;
-    Icon: typeof Icon;
-    ModalComponents: typeof ModalComponents;
-    Overlay: typeof Overlay;
-    Placeholder: React$1.ForwardRefExoticComponent<PlaceholderProps & React$1.RefAttributes<HTMLDivElement>>;
-    Spinner: typeof Spinner;
-    Slider: typeof Slider;
-    Tooltip: typeof Tooltip;
-    NoHydrate: typeof NoHydrate;
-};
-declare let SliderComponents: {
-    Arrows: typeof Arrows;
-    Dots: typeof Dots;
-    ResizePlugin: keen_slider_react.KeenSliderPlugin;
-    AutoplayPlugin: typeof AutoplayPlugin;
-};
-
-declare const Elements: Record<string, WeaverseElement>;
+declare let WeaverseContext: react.Context<Weaverse>;
+declare let WeaverseContextProvider: react.Provider<Weaverse>;
+declare let WeaverseContextConsumer: react.Consumer<Weaverse>;
 
 interface WeaverseElementProps extends Partial<ReactElement> {
     css?: ElementCSS;
@@ -196,149 +19,7 @@ type WeaverseRootPropsType = {
 type ItemComponentProps = {
     instance: InstanceType<typeof WeaverseItemStore>;
 };
-interface PlaceholderProps {
-    element: string;
-    children: ReactElement | ReactElement[] | ReactNode | ReactNode[];
-    style?: CSSProperties;
-    className?: string;
-}
-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: CSSProperties['objectFit'];
-    objectPosition: CSSProperties['objectPosition'];
-    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?: CSSProperties['objectFit'];
-    objectPosition?: CSSProperties['objectPosition'];
-    /** @deprecated no more use but still reserved for old element */
-    backgroundPosition?: CSSProperties['backgroundPosition'];
-    /** @deprecated no more use but still reserved for old element */
-    backgroundFit?: CSSProperties['objectFit'];
-}
-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 ScrollingTextElementProps extends WeaverseElementProps {
-    value: string;
-    gap: number;
-    speed: number;
-    pauseOnHover: boolean;
-}
-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;
-};
-interface SlideshowProps extends WeaverseElementProps {
-    animation: 'slide' | 'fade';
-    slidesPerView: number;
-    spacing: number;
-    showArrows: boolean;
-    showArrowsOnHover: boolean;
-    arrowIcon: 'caret' | 'arrow';
-    arrowsColor: 'light' | 'dark';
-    showDots: boolean;
-    dotsPosition: 'top' | 'bottom' | 'left' | 'right';
-    dotsColor: 'light' | 'dark';
-    loop: boolean;
-    autoRotate: boolean;
-    changeSlidesEvery: number;
-}
-interface SlideProps extends WeaverseElementProps, BackgroundDataProps, OverlayProps {
-    contentPosition: string;
-    children: ReactElement[];
-}
-declare global {
-    interface Window {
-        weaverseSlideshowInstances: Record<string, KeenSliderInstance>;
-    }
-}
 
-declare let WeaverseRoot: React__default.MemoExoticComponent<({ context }: WeaverseRootPropsType) => React__default.JSX.Element | null>;
+declare let WeaverseRoot: react__default.MemoExoticComponent<({ context }: WeaverseRootPropsType) => react__default.JSX.Element | null>;
 
-export { BackgroundProps, ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, OverlayProps, PlaceholderProps, ScrollingTextElementProps, SlideProps, SliderArrowsProps, SliderComponents, SliderDotsProps, SliderProps, SlideshowProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };
+export { ItemComponentProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType };