pragmate-ui/image/image.d.ts

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

/************
Processor: ts
************/

import * as __beyond_dep_ns_0 from 'react';
import __beyond_dep_def_0 from 'react';
import * as __beyond_dep_ns_1 from 'pragmate-ui/base';
// context.ts
declare namespace ns_0 {
  import React = __beyond_dep_ns_0;
  import IContext = ns_5.IContext;
  export const ImageContext: React.Context<IContext>;
  export const useImageContext: () => IContext;
}


// error\index.tsx
declare namespace ns_1 {
  import React = __beyond_dep_def_0;
  export function Error(): React.JSX.Element;
}


// hooks\use-loader.tsx
declare namespace ns_2 {
  export function useLoader(src: any, onErrorCallback: any): {
    status: "loading" | "ready" | "error";
  };
}


// img.tsx
declare namespace ns_3 {
  import React = __beyond_dep_def_0;
  export function Img(): React.JSX.Element;
}


// index.tsx
declare namespace ns_4 {
  /// <reference types="react" />
  import IProps = ns_5.IProps;
  export function Image(props?: IProps): JSX.Element;
}


// interfaces\index.ts
declare namespace ns_5 {
  import SyntheticEvent = __beyond_dep_ns_0.SyntheticEvent;
  import ReactNode = __beyond_dep_ns_0.ReactNode;
  import IPUIProps = __beyond_dep_ns_1.IPUIProps;
  export interface IProps extends IPUIProps<HTMLImageElement> {
    src?: string;
    graphSrc?: string;
    size?: string;
    children?: ReactNode;
    onError?: (e: SyntheticEvent<Element, Event>) => void;
    sources?: Array<ISrcSet>;
    alt?: string;
    sizeLoading?: {
      height: string;
      width: string;
    };
  }
  export interface IInitialState {
    size?: string;
    error?: boolean;
    loaded?: boolean;
    url?: string;
    onload?: undefined;
    src?: string;
    htmlLoaded?: boolean;
    onerror?: undefined;
  }
  export type ISetState = React.Dispatch<React.SetStateAction<IInitialState>>;
  export interface IContext extends IProps {
    setState?: ISetState;
    status: 'loading' | 'ready' | 'error';
    src: string;
    alt?: string;
    state?: IInitialState;
  }
  export interface ISrcSet {
    maxWidth?: number;
    minWidth?: number;
    srcSet: string;
  }
}


// sources\index.tsx
declare namespace ns_6 {
  import React = __beyond_dep_def_0;
  export function Sources(): React.JSX.Element;
}


// sources\item.tsx
declare namespace ns_7 {
  import React = __beyond_dep_def_0;
  import ISrcSet = ns_5.ISrcSet;
  export function Item(props: ISrcSet): React.JSX.Element;
}


export import useLoader = ns_2.useLoader;
export import Image = ns_4.Image;

export declare const hmr: {on: (event: string, listener: any) => void, off: (event: string, listener: any) => void };