@evergis/uilib-gl 1.0.138 → 1.0.140

package/dist/organisms/Popover/Popover.d.ts

@@ -1,45 +1,44 @@
-/// <reference types="lodash" />
-import { Component } from "react";
-import { ContentObserver, Flip, PopoverPosition, PopoverProps, PopoverPropsDefault } from "./types";
-export declare class Popover extends Component<PopoverProps> {
-    static defaultProps: PopoverPropsDefault;
-    anchorNode: HTMLElement | null;
-    containerNode: HTMLElement | null;
-    popoverAnchorNode: HTMLElement | null;
-    flip: Flip | null;
-    childrenClicked: boolean;
-    contentObservers: ContentObserver[];
-    heightSyncFrame: number | null;
-    saveAnchor: (ref: HTMLElement | null) => null;
-    savePopoverAnchor: (ref: HTMLElement | null) => void;
-    saveContainer: (ref: HTMLElement | null) => void;
-    /**
-     * Содержимое меняет размер и после открытия: форма раскрывает новые поля, список догружается.
-     * Обрезку по окну пересчитываем вслед за ним, а не только на открытии и ресайзе окна — иначе
-     * выросшее содержимое уезжало бы за край экрана.
-     *
-     * Размер контейнера ловит ResizeObserver, но под обрезкой он замирает: высота ребёнка задана
-     * явно, и рост или сжатие содержимого контейнер уже не меняют. Эти случаи ловит MutationObserver —
-     * по вставке и удалению узлов, то есть ровно когда форма меняет свой состав.
-     */
-    observeContent: (node: HTMLElement | null) => void;
-    disconnectContent: () => void;
-    /**
-     * Пересчёт — в следующем кадре, а не прямо в колбэке: правка высоты внутри колбэка
-     * ResizeObserver зациклила бы его («ResizeObserver loop completed…»), а пачка мутаций одного
-     * рендера схлопывается в один пересчёт.
-     */
-    scheduleHeightSync: () => void;
-    syncContainerHeight: () => void;
-    getContainerPosition: (anchorNode: HTMLElement, containerNode: HTMLElement) => PopoverPosition;
-    setPositions: import("lodash").DebouncedFunc<() => void>;
-    closePopover: (e: Event | MouseEvent | TouchEvent) => void;
-    addListeners(): void;
-    removeListeners(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PopoverProps): void;
-    UNSAFE_componentWillReceiveProps(nextProps: PopoverProps): void;
-    handleChildrenClick: () => void;
-    render(): import("react").JSX.Element;
-}
+import { Component } from "react";
+import { ContentObserver, Flip, PopoverPosition, PopoverProps, PopoverPropsDefault } from "./types";
+export declare class Popover extends Component<PopoverProps> {
+    static defaultProps: PopoverPropsDefault;
+    anchorNode: HTMLElement | null;
+    containerNode: HTMLElement | null;
+    popoverAnchorNode: HTMLElement | null;
+    flip: Flip | null;
+    childrenClicked: boolean;
+    contentObservers: ContentObserver[];
+    heightSyncFrame: number | null;
+    saveAnchor: (ref: HTMLElement | null) => null;
+    savePopoverAnchor: (ref: HTMLElement | null) => void;
+    saveContainer: (ref: HTMLElement | null) => void;
+    /**
+     * Содержимое меняет размер и после открытия: форма раскрывает новые поля, список догружается.
+     * Обрезку по окну пересчитываем вслед за ним, а не только на открытии и ресайзе окна — иначе
+     * выросшее содержимое уезжало бы за край экрана.
+     *
+     * Размер контейнера ловит ResizeObserver, но под обрезкой он замирает: высота ребёнка задана
+     * явно, и рост или сжатие содержимого контейнер уже не меняют. Эти случаи ловит MutationObserver —
+     * по вставке и удалению узлов, то есть ровно когда форма меняет свой состав.
+     */
+    observeContent: (node: HTMLElement | null) => void;
+    disconnectContent: () => void;
+    /**
+     * Пересчёт — в следующем кадре, а не прямо в колбэке: правка высоты внутри колбэка
+     * ResizeObserver зациклила бы его («ResizeObserver loop completed…»), а пачка мутаций одного
+     * рендера схлопывается в один пересчёт.
+     */
+    scheduleHeightSync: () => void;
+    syncContainerHeight: () => void;
+    getContainerPosition: (anchorNode: HTMLElement, containerNode: HTMLElement) => PopoverPosition;
+    setPositions: import("lodash").DebouncedFunc<() => void>;
+    closePopover: (e: Event | MouseEvent | TouchEvent) => void;
+    addListeners(): void;
+    removeListeners(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: PopoverProps): void;
+    UNSAFE_componentWillReceiveProps(nextProps: PopoverProps): void;
+    handleChildrenClick: () => void;
+    render(): import("react").JSX.Element;
+}

package/dist/organisms/Popover/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Popover";
-export * from "./types";
+export * from "./Popover";
+export * from "./types";

package/dist/organisms/Popover/styled.d.ts

@@ -1,10 +1,10 @@
-import { FlattenSimpleInterpolation } from "styled-components";
-import { AnchorProps } from "./types";
-export declare const PopoverAnchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    fixedAnchor?: boolean | undefined;
-    zIndex?: number | undefined;
-}, never>;
-export declare const PopoverContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    mixin?: FlattenSimpleInterpolation | undefined;
-}, never>;
-export declare const Anchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AnchorProps, never>;
+import { FlattenSimpleInterpolation } from "styled-components";
+import { AnchorProps } from "./types";
+export declare const PopoverAnchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    fixedAnchor?: boolean;
+    zIndex?: number;
+}, never>;
+export declare const PopoverContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    mixin?: FlattenSimpleInterpolation;
+}, never>;
+export declare const Anchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AnchorProps, never>;

package/dist/organisms/Popover/types.d.ts

@@ -1,53 +1,53 @@
-import { PropsWithChildren, ReactElement, ReactNode } from "react";
-import { FlattenSimpleInterpolation } from "styled-components";
-export declare type Origin = "top-left" | "top" | "top-right" | "right" | "bottom-right" | "bottom" | "bottom-left" | "left" | "center";
-export declare type Direction = "top" | "right" | "bottom" | "left";
-export declare type Flip = {
-    x: boolean;
-    y: boolean;
-};
-export declare type Position = [number, number];
-export declare type Paddings = Record<Direction, keyof Pick<CSSStyleDeclaration, "paddingBottom" | "paddingTop" | "paddingLeft" | "paddingRight">>;
-export interface PopoverPosition {
-    anchorOriginPosition: Position;
-    targetOriginPosition: Position;
-    paddingSide: Direction | null;
-}
-export interface PopoverPropsDefault {
-    anchorOrigin: Origin;
-    targetOrigin: Origin;
-    autoPosition: boolean;
-    animateAppearance: boolean;
-    animateX: boolean;
-    animateY: boolean;
-    fixedAnchor: boolean;
-    closeOnScroll: boolean;
-}
-export interface PopoverProps extends Partial<PopoverPropsDefault>, PropsWithChildren {
-    anchor: ReactElement | HTMLElement;
-    open?: boolean;
-    onRequestClose?: (e?: MouseEvent | TouchEvent) => void;
-    className?: string;
-    fixedAnchor?: boolean;
-    closeOnScroll?: boolean;
-    zIndex?: number;
-    root?: HTMLElement | null;
-    mixin?: FlattenSimpleInterpolation;
-    children?: ReactNode;
-    onShown?: VoidFunction;
-}
-export declare type AnchorProps = {
-    withTime?: boolean;
-    width?: string | number;
-};
-/** Наблюдатель за содержимым поповера — ResizeObserver либо MutationObserver. */
-export interface ContentObserver {
-    disconnect: () => void;
-}
-/**
- * Конструктор ResizeObserver структурно: сборка (tsdx) идёт своим TypeScript 3.9, в DOM-типах
- * которого ResizeObserver ещё нет, и прямое имя класса валит сборку.
- */
-export declare type ResizeObserverConstructor = new (callback: () => void) => ContentObserver & {
-    observe: (target: Element) => void;
-};
+import { PropsWithChildren, ReactElement, ReactNode } from "react";
+import { FlattenSimpleInterpolation } from "styled-components";
+export type Origin = "top-left" | "top" | "top-right" | "right" | "bottom-right" | "bottom" | "bottom-left" | "left" | "center";
+export type Direction = "top" | "right" | "bottom" | "left";
+export type Flip = {
+    x: boolean;
+    y: boolean;
+};
+export type Position = [number, number];
+export type Paddings = Record<Direction, keyof Pick<CSSStyleDeclaration, "paddingBottom" | "paddingTop" | "paddingLeft" | "paddingRight">>;
+export interface PopoverPosition {
+    anchorOriginPosition: Position;
+    targetOriginPosition: Position;
+    paddingSide: Direction | null;
+}
+export interface PopoverPropsDefault {
+    anchorOrigin: Origin;
+    targetOrigin: Origin;
+    autoPosition: boolean;
+    animateAppearance: boolean;
+    animateX: boolean;
+    animateY: boolean;
+    fixedAnchor: boolean;
+    closeOnScroll: boolean;
+}
+export interface PopoverProps extends Partial<PopoverPropsDefault>, PropsWithChildren {
+    anchor: ReactElement | HTMLElement;
+    open?: boolean;
+    onRequestClose?: (e?: MouseEvent | TouchEvent) => void;
+    className?: string;
+    fixedAnchor?: boolean;
+    closeOnScroll?: boolean;
+    zIndex?: number;
+    root?: HTMLElement | null;
+    mixin?: FlattenSimpleInterpolation;
+    children?: ReactNode;
+    onShown?: VoidFunction;
+}
+export type AnchorProps = {
+    withTime?: boolean;
+    width?: string | number;
+};
+/** Наблюдатель за содержимым поповера — ResizeObserver либо MutationObserver. */
+export interface ContentObserver {
+    disconnect: () => void;
+}
+/**
+ * Конструктор ResizeObserver структурно: сборка (tsdx) идёт своим TypeScript 3.9, в DOM-типах
+ * которого ResizeObserver ещё нет, и прямое имя класса валит сборку.
+ */
+export type ResizeObserverConstructor = new (callback: () => void) => ContentObserver & {
+    observe: (target: Element) => void;
+};

package/dist/organisms/Popover/utils.d.ts

@@ -1,19 +1,19 @@
-import { Origin, Flip, Position, Direction, PopoverPosition } from "./types";
-export declare const flipPosition: ({ x, y }: Flip, [posX, posY]: Position) => [number, number];
-export declare const getPaddingSide: ([anchorX, anchorY]: Position, [targetX, targetY]: Position) => Direction | null;
-export declare const getDirection: ([targetX, targetY]: Position) => string;
-export declare const checkFit: (anchorNode: HTMLElement, containerNode: HTMLElement, targetOrigin: Origin, anchorOrigin: Origin) => {
-    x: boolean;
-    y: boolean;
-};
-export declare const syncPosition: (anchor: HTMLElement, node: HTMLElement) => void;
-/**
- * Урезает высоту содержимого до места в окне по направлению раскрытия.
- *
- * Прошлая обрезка перед замером снимается: иначе мерилась бы уже урезанная высота, и содержимое,
- * которое с тех пор выросло или сжалось, так и жило бы с устаревшей — выросшее уезжало бы за край
- * окна, сжавшееся оставляло бы пустоту. Своей прокрутки обрезка не даёт: её включает содержимое.
- */
-export declare const setPopupContainerHeight: (anchorNode: HTMLElement, node: HTMLElement, targetY: number) => void;
-export declare const getOriginPosition: (flip: Flip | null, origin: Origin) => Position;
-export declare const setPopupContainerPosition: (anchorNode: HTMLElement, node: HTMLElement, { anchorOriginPosition: [anchorX, anchorY], targetOriginPosition: [targetX, targetY], paddingSide }: PopoverPosition, animateAppearance: boolean, animateX: boolean, animateY: boolean) => void;
+import { Origin, Flip, Position, Direction, PopoverPosition } from "./types";
+export declare const flipPosition: ({ x, y }: Flip, [posX, posY]: Position) => [number, number];
+export declare const getPaddingSide: ([anchorX, anchorY]: Position, [targetX, targetY]: Position) => Direction | null;
+export declare const getDirection: ([targetX, targetY]: Position) => string;
+export declare const checkFit: (anchorNode: HTMLElement, containerNode: HTMLElement, targetOrigin: Origin, anchorOrigin: Origin) => {
+    x: boolean;
+    y: boolean;
+};
+export declare const syncPosition: (anchor: HTMLElement, node: HTMLElement) => void;
+/**
+ * Урезает высоту содержимого до места в окне по направлению раскрытия.
+ *
+ * Прошлая обрезка перед замером снимается: иначе мерилась бы уже урезанная высота, и содержимое,
+ * которое с тех пор выросло или сжалось, так и жило бы с устаревшей — выросшее уезжало бы за край
+ * окна, сжавшееся оставляло бы пустоту. Своей прокрутки обрезка не даёт: её включает содержимое.
+ */
+export declare const setPopupContainerHeight: (anchorNode: HTMLElement, node: HTMLElement, targetY: number) => void;
+export declare const getOriginPosition: (flip: Flip | null, origin: Origin) => Position;
+export declare const setPopupContainerPosition: (anchorNode: HTMLElement, node: HTMLElement, { anchorOriginPosition: [anchorX, anchorY], targetOriginPosition: [targetX, targetY], paddingSide }: PopoverPosition, animateAppearance: boolean, animateX: boolean, animateY: boolean) => void;

package/dist/organisms/Popup/CustomBlank.d.ts

@@ -1,3 +1,3 @@
-export declare const CustomBlank: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Blank").IBlankProps & {
-    maxHeight?: string | undefined;
-}, never>;
+export declare const CustomBlank: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Blank").IBlankProps & {
+    maxHeight?: string;
+}, never>;

package/dist/organisms/Popup/Popup.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { IPopupProps } from "./types";
-export declare const Popup: FC<IPopupProps>;
+import { FC } from "react";
+import { IPopupProps } from "./types";
+export declare const Popup: FC<IPopupProps>;

package/dist/organisms/Popup/PopupWithCustomBlank.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IPopupProps } from "./types";
-export declare const PopupWithCustomBlank: import("styled-components").StyledComponent<import("react").FC<IPopupProps>, import("styled-components").DefaultTheme, IPopupProps, never>;
+import { IPopupProps } from "./types";
+export declare const PopupWithCustomBlank: import("styled-components").StyledComponent<import("react").FC<IPopupProps>, import("styled-components").DefaultTheme, IPopupProps, never>;

package/dist/organisms/Popup/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Popup";
-export * from "./types";
+export * from "./Popup";
+export * from "./types";

package/dist/organisms/Popup/types.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode } from "react";
-import { ITooltipProps } from "../Tippy";
-export interface IPopupProps extends Omit<ITooltipProps, "ref" | "content" | "onRequestClose"> {
-    onRequestClose?: (e?: MouseEvent | TouchEvent | UIEvent) => void;
-    anchor: (ref: (node: null | HTMLElement) => void) => ReactNode;
-    isVisible: boolean;
-    blankStyles?: {
-        [name: string]: string;
-    };
-    className?: string;
-    hasContentScroll?: boolean;
-    maxHeight?: string;
-}
+import { ReactNode } from "react";
+import { ITooltipProps } from "../Tippy";
+export interface IPopupProps extends Omit<ITooltipProps, "ref" | "content" | "onRequestClose"> {
+    onRequestClose?: (e?: MouseEvent | TouchEvent | UIEvent) => void;
+    anchor: (ref: (node: null | HTMLElement) => void) => ReactNode;
+    isVisible: boolean;
+    blankStyles?: {
+        [name: string]: string;
+    };
+    className?: string;
+    hasContentScroll?: boolean;
+    maxHeight?: string;
+}

package/dist/organisms/Portal/Portal.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { PortalProps } from "./types";
-export declare const Portal: FC<PortalProps>;
+import { FC } from "react";
+import { PortalProps } from "./types";
+export declare const Portal: FC<PortalProps>;

package/dist/organisms/Portal/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Portal";
-export * from "./types";
+export * from "./Portal";
+export * from "./types";

package/dist/organisms/Portal/types.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-export interface PortalProps extends PropsWithChildren {
-    className?: string;
-    root?: HTMLElement | null;
-}
+import { PropsWithChildren } from "react";
+export interface PortalProps extends PropsWithChildren {
+    className?: string;
+    root?: HTMLElement | null;
+}

package/dist/organisms/Preview/Preview.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { IPreviewProps } from "./types";
-export declare const Preview: FC<IPreviewProps>;
+import { FC } from "react";
+import { IPreviewProps } from "./types";
+export declare const Preview: FC<IPreviewProps>;

package/dist/organisms/Preview/PreviewControls.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { IPreviewControlsProps } from "./types";
-export declare const PreviewControls: FC<IPreviewControlsProps>;
+import { FC } from "react";
+import { IPreviewControlsProps } from "./types";
+export declare const PreviewControls: FC<IPreviewControlsProps>;

package/dist/organisms/Preview/PreviewGallery.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { IPreviewSlideShowProps } from "./types";
-export declare const PreviewSlideShow: FC<IPreviewSlideShowProps>;
+import { FC } from "react";
+import { IPreviewSlideShowProps } from "./types";
+export declare const PreviewSlideShow: FC<IPreviewSlideShowProps>;

package/dist/organisms/Preview/SlideShowImage.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { IGalleryImageProps } from "./types";
-export declare const SlideShowImage: FC<IGalleryImageProps>;
+import { FC } from "react";
+import { IGalleryImageProps } from "./types";
+export declare const SlideShowImage: FC<IGalleryImageProps>;

package/dist/organisms/Preview/hooks/useAdjustSlideShow.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const SLIDE_SHOW_MARGIN = 16;
-export declare const useAdjustSlideShowContainer: () => {
-    slideShowRef: import("react").RefObject<HTMLDivElement>;
-    left: number | undefined;
-    adjustSlider: (diff: number) => any;
-};
+export declare const SLIDE_SHOW_MARGIN = 16;
+export declare const useAdjustSlideShowContainer: () => {
+    slideShowRef: import("react").RefObject<HTMLDivElement>;
+    left: number | undefined;
+    adjustSlider: (diff: number) => any;
+};

package/dist/organisms/Preview/hooks/useAdjustSlideShowImage.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from "react";
-export declare const useAdjustSlideShowImage: (isChosen: boolean, slideShowRef: RefObject<HTMLDivElement>, adjustSlider: (n: number) => void) => RefObject<HTMLImageElement>;
+import { RefObject } from "react";
+export declare const useAdjustSlideShowImage: (isChosen: boolean, slideShowRef: RefObject<HTMLDivElement>, adjustSlider: (n: number) => void) => RefObject<HTMLImageElement>;

package/dist/organisms/Preview/hooks/useImageSlideShow.d.ts

@@ -1,2 +1,2 @@
-import { IPreviewImage, ImageSlideShowType } from "../types";
-export declare const useImageSlideShow: (images: IPreviewImage[], initialIndex?: number) => ImageSlideShowType;
+import { IPreviewImage, ImageSlideShowType } from "../types";
+export declare const useImageSlideShow: (images: IPreviewImage[], initialIndex?: number) => ImageSlideShowType;

package/dist/organisms/Preview/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Preview";
-export * from "./types";
+export * from "./Preview";
+export * from "./types";

package/dist/organisms/Preview/styled.d.ts

@@ -1,37 +1,37 @@
-import { RefObject } from "react";
-import { ImageProps } from "../../atoms/Image";
-import { PreviewImageContainerProps } from "./types";
-export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PreviewImageContainerProps, never>;
-export declare const PreviewImage: import("styled-components").StyledComponent<import("react").FC<ImageProps>, import("styled-components").DefaultTheme, PreviewImageContainerProps & {
-    src?: string | undefined;
-    fallback?: string | undefined;
-    loadable?: boolean | undefined;
-    loading?: boolean | undefined;
-} & Pick<import("react").ImgHTMLAttributes<HTMLDivElement | HTMLImageElement>, "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "crossOrigin" | "decoding" | "fetchPriority" | "height" | "referrerPolicy" | "sizes" | "src" | "srcSet" | "useMap" | "width">, never>;
-export declare const ControlsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PreviewOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    zIndex?: number | undefined;
-}, never>;
-export declare const ControlContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width?: string | undefined;
-    withPadding?: boolean | undefined;
-    marginLeft?: number | undefined;
-}, never>;
-interface ISlideShowContainerProps {
-    left?: number;
-    innerRef?: RefObject<HTMLDivElement>;
-}
-export declare const SlideShowContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISlideShowContainerProps, never>;
-declare type SlideShowImageProps = ImageProps & {
-    chosen?: boolean;
-    dragstart?: boolean;
-};
-export declare const SlideShowImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChoosableImage: import("styled-components").StyledComponent<import("react").FC<ImageProps>, import("styled-components").DefaultTheme, SlideShowImageProps, never>;
-export declare const PreviewImageError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PreviewImageErrorText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SlideShowImageStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    chosen?: boolean | undefined;
-}, never>;
-export {};
+import { RefObject } from "react";
+import { ImageProps } from "../../atoms/Image";
+import { PreviewImageContainerProps } from "./types";
+export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PreviewImageContainerProps, never>;
+export declare const PreviewImage: import("styled-components").StyledComponent<import("react").FC<ImageProps>, import("styled-components").DefaultTheme, PreviewImageContainerProps & {
+    src?: string;
+    fallback?: string;
+    loadable?: boolean;
+    loading?: boolean;
+} & Omit<import("react").ImgHTMLAttributes<HTMLDivElement | HTMLImageElement>, "loading">, never>;
+export declare const ControlsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PreviewOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    zIndex?: number;
+}, never>;
+export declare const ControlContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width?: string;
+    withPadding?: boolean;
+    marginLeft?: number;
+}, never>;
+interface ISlideShowContainerProps {
+    left?: number;
+    innerRef?: RefObject<HTMLDivElement>;
+}
+export declare const SlideShowContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISlideShowContainerProps, never>;
+type SlideShowImageProps = ImageProps & {
+    chosen?: boolean;
+    dragstart?: boolean;
+};
+export declare const SlideShowImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChoosableImage: import("styled-components").StyledComponent<import("react").FC<ImageProps>, import("styled-components").DefaultTheme, SlideShowImageProps, never>;
+export declare const PreviewImageError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PreviewImageErrorText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SlideShowImageStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    chosen?: boolean;
+}, never>;
+export {};