@dreamcommerce/aurora 0.3.4-180 → 0.3.4-184

package/build/esm/packages/aurora/src/src/components/gallery/index.d.ts

@@ -0,0 +1,133 @@
+/// <reference types="hammerjs" />
+import { IGallery, IGalleryOptions, IImageAttributes, TDimensionsType } from './types';
+/**
+ * Class representing gallery.
+ * @type {Gallery}
+ * @implements IGallery
+ */
+export default class Gallery implements IGallery {
+    /**
+     * gallery HTMLDivElement
+     * @type {HTMLDivElement}
+     */
+    $gallery: HTMLDivElement;
+    /**
+     * @param {IGalleryOptions} object
+     * @param {string} object.name - gallery name
+     * @param {string} object.initiallySelectedImageSrc - selected image's source
+     * @param {boolean} object.hasNavArrows - determines if gallery should have navigation arrows
+     * @param {boolean} object.hasImageNumbers - determines if gallery should have images numbers
+     * @param {boolean} object.hasThumbnails - determines if gallery should have thumbnails
+     * @param {string} object.mode - determines in which mode should gallery render
+     * @param {boolean} object.isCarouselEnabled - determines if images in gallery should changing in a loop
+     */
+    options: IGalleryOptions;
+    selectedImageNumber: number;
+    previouslySelectedImageNumber: number;
+    previouslySelectedImageIndex: number;
+    imagesCount: number;
+    imageAttributes: Array<IImageAttributes>;
+    imageMarkups: Array<HTMLDivElement | null>;
+    $images: HTMLDivElement;
+    $bar: HTMLDivElement;
+    createdImagesIndex: Array<number>;
+    newImagesIndex: Array<number>;
+    mouseDownTarget: HTMLElement;
+    mouseUpTarget: HTMLElement;
+    transform: number;
+    partialTransform: number;
+    isAnimating: boolean;
+    previousCursorX: number;
+    previousCursorY: number;
+    selectors: {
+        newGallery: string;
+        anchorImage: string;
+        image: string;
+        imageContainer: string;
+        selectedImageNumber: string;
+        imageDescription: string;
+        previous: string;
+        next: string;
+        images: string;
+        imagesContainer: string;
+        copyLinkButton: string;
+        copyLinkConfirmation: string;
+        firstTemporaryContainer: string;
+        lastTemporaryContainer: string;
+        bar: string;
+        arrowContainer: string;
+        close: string;
+    };
+    isTouchDevice: boolean;
+    isFirstTemporaryContainerExist: boolean;
+    isLastTemporaryContainerExist: boolean;
+    hasUserGoneToNextImage: boolean;
+    initLocation: Location;
+    popstateUpdate: boolean;
+    isNeighboringImageShow: boolean;
+    /**
+     * creates new gallery instance with custom gallery template
+     * @param {IGalleryOptions} options
+     */
+    constructor(options: IGalleryOptions);
+    setInitialImagesInfo(): void;
+    createMarkup(): void;
+    private _createBarMarkup;
+    private _createImageNumbersMarkup;
+    private _createCopyLinkMarkup;
+    private _createNavigationMarkup;
+    private _createInitialImagesMarkup;
+    private _createImageMarkup;
+    appendImages(): void;
+    appendTemporaryImage(imageIndex: number): void;
+    remove: (ev: Event) => void;
+    addListeners(): void;
+    addWindowListeners: () => void;
+    removeWindowListeners: () => void;
+    addImageListeners: (imageIndex: number, $image: HTMLImageElement, $imageContainer: HTMLDivElement) => void;
+    handleMouseDown: ($image: HTMLImageElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseLeave: ($image: HTMLImageElement, $imageContainer: HTMLDivElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any) => void;
+    handleMouseMove: ($image: HTMLImageElement, imageIndex: number, $imageContainer: HTMLDivElement, ev: MouseEvent) => void;
+    handlePanAndWheel($image: HTMLImageElement, imageIndex: number, ev: HammerInput | WheelEvent): void;
+    handlePinch($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager, imageContainerHammer: HammerManager, ev: HammerInput): void;
+    handleImageSwitch: (ev: HammerInput) => void;
+    resizeImage: ($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev: HammerInput | MouseEvent) => void;
+    changeSelectedImageModeToMaxImage($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    changeSelectedImageModeToFullScreen($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    getTranslate($container: HTMLDivElement, imageIndex: number): {
+        translateX: number;
+        translateY: number;
+    };
+    getAvailableTranslate(imageWidth: number, imageHeight: number, containerHeight: number, translateX: number, translateY: number): {
+        availableTranslateX: number;
+        availableTranslateY: number;
+    };
+    hideLoader: (ev: Event) => void;
+    getImageClasses(imageIndex: number): {
+        maxWidthClass: string;
+        maxHeightClass: string;
+        adjustedClass: string;
+    };
+    updatePreviewImage: () => void;
+    updateImageInfo: ($image: HTMLImageElement) => void;
+    updateGridColumnStyles: () => void;
+    showImage: (imageIndex: number) => void;
+    handleTransitionEnd: () => void;
+    centerImage($image: HTMLImageElement): void;
+    changeImagesMode(): void;
+    changeImageMode: ($image: HTMLImageElement) => void;
+    setImageDimensionsAccordingToAspectRatio: ($image: HTMLImageElement, dimensionsType: TDimensionsType) => void;
+    handleArrowDisplay: () => void;
+    handlePreviousImagePreview: () => void;
+    handleNextImagePreview: () => void;
+    getPreviousImageIndex(): number | null;
+    getNextImageIndex(): number | null;
+    keyBindings: (ev: KeyboardEvent) => void;
+    changeImageNumber(): void;
+    changeImageDescription(): void;
+    sortAscending: (number1: number, number2: number) => number;
+    getClosestLowerIndex(imageIndexes: Array<number>, imageIndex: number): number | null;
+    isFullScreenMode(): boolean;
+    isMaxImageMode(): boolean;
+    isShortestEdgeMode(): boolean;
+}

package/build/esm/packages/aurora/src/src/components/gallery/types.d.ts

@@ -0,0 +1,124 @@
+/// <reference types="hammerjs" />
+export declare type TSelectors = TJsSelectors | 'imageContainer' | 'copyLinkConfirmation' | 'bar' | 'arrowContainer';
+export declare type TJsSelectors = 'newGallery' | 'anchorImage' | 'image' | 'selectedImageNumber' | 'imageDescription' | 'previous' | 'next' | 'images' | 'imagesContainer' | 'copyLinkButton' | 'firstTemporaryContainer' | 'lastTemporaryContainer' | 'close';
+export declare type TMode = 'maxImage' | 'shortestEdge' | 'fullScreen';
+export declare type TArrowType = 'previous' | 'next';
+export declare type TDimensionsType = 'initial' | 'real';
+export interface ITranslations {
+    copyLink: string;
+    picture: string;
+    copyLinkShortVersion: string;
+    copyLinkConfirmation: string;
+}
+export interface IGalleryOptions {
+    name: string;
+    initiallySelectedImageSrc: string;
+    hasNavArrows?: boolean;
+    hasImageNumbers?: boolean;
+    hasThumbnails?: boolean;
+    mode?: TMode;
+    isCarouselEnabled?: boolean;
+    hasCopyLink?: boolean;
+    translations?: ITranslations;
+    handleHistory?: boolean;
+}
+export interface IImageAttributes {
+    source: string;
+    description: string;
+    maxImageWidth: number;
+    maxImageHeight: number;
+    initialWidth: number;
+    initialHeight: number;
+    top: number;
+    left: number;
+    eventCenterX: number;
+    eventCenterY: number;
+    initialScale: number;
+    currentScale: number;
+    shorterEdge: string;
+    isDragging: boolean;
+    transX: number;
+    transY: number;
+    scale: number;
+    delta: number;
+}
+export interface IGallery {
+    $gallery: HTMLDivElement;
+    options: IGalleryOptions;
+    selectedImageNumber: number;
+    previouslySelectedImageNumber: number;
+    previouslySelectedImageIndex: number;
+    imagesCount: number;
+    imageAttributes: Array<IImageAttributes>;
+    imageMarkups: Array<HTMLDivElement | null>;
+    $images: HTMLDivElement;
+    $bar: HTMLDivElement;
+    createdImagesIndex: Array<number>;
+    newImagesIndex: Array<number>;
+    mouseDownTarget: HTMLElement;
+    mouseUpTarget: HTMLElement;
+    transform: number;
+    partialTransform: number;
+    selectors: Record<TSelectors, string>;
+    isTouchDevice: boolean;
+    isFirstTemporaryContainerExist: boolean;
+    isLastTemporaryContainerExist: boolean;
+    hasUserGoneToNextImage: boolean;
+    isAnimating: boolean;
+    previousCursorX: number;
+    previousCursorY: number;
+    setInitialImagesInfo(): void;
+    createMarkup(): void;
+    appendImages(): void;
+    appendTemporaryImage(imageIndex: number): void;
+    remove(ev: Event): void;
+    addListeners(): void;
+    addWindowListeners(): void;
+    removeWindowListeners(): void;
+    addImageListeners(imageIndex: number, $image: HTMLImageElement, $imageContainer: HTMLDivElement): void;
+    handleMouseDown($image: HTMLImageElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any): void;
+    handleMouseLeave($image: HTMLImageElement, $imageContainer: HTMLDivElement, imageIndex: number, mouseMoveBindFunction: (this: HTMLDivElement, ev: MouseEvent) => any): void;
+    handleMouseMove($image: HTMLImageElement, imageIndex: number, $imageContainer: HTMLDivElement, ev: MouseEvent): void;
+    handlePanAndWheel($image: HTMLImageElement, imageIndex: number, ev: HammerInput | WheelEvent): void;
+    handlePinch($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager, imageContainerHammer: HammerManager, ev: HammerInput): void;
+    handleImageSwitch(ev: HammerInput): void;
+    resizeImage($image: HTMLImageElement, imageIndex: number, imageHammer: HammerManager | null, imageContainerHammer: HammerManager | null, ev: HammerInput | MouseEvent): void;
+    changeSelectedImageModeToMaxImage($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    changeSelectedImageModeToFullScreen($image: HTMLImageElement, imageIndex: number, ev: HammerInput | MouseEvent): void;
+    getTranslate($container: HTMLDivElement, imageIndex: number): {
+        translateX: number;
+        translateY: number;
+    };
+    getAvailableTranslate(imageWidth: number, imageHeight: number, containerHeight: number, translateX: number, translateY: number): {
+        availableTranslateX: number;
+        availableTranslateY: number;
+    };
+    hideLoader(ev: Event): void;
+    getImageClasses(imageIndex: number): {
+        maxWidthClass: string;
+        maxHeightClass: string;
+        adjustedClass: string;
+    };
+    updatePreviewImage(): void;
+    updateImageInfo($image: HTMLImageElement): void;
+    updateGridColumnStyles(): void;
+    showImage(imageIndex: number): void;
+    handleTransitionEnd(): void;
+    centerImage($image: HTMLImageElement): void;
+    changeImagesMode(): void;
+    changeImageMode($image: HTMLImageElement): void;
+    setImageDimensionsAccordingToAspectRatio($image: HTMLImageElement, dimensionsType: TDimensionsType): void;
+    handleArrowDisplay(): void;
+    handlePreviousImagePreview(): void;
+    handleNextImagePreview(): void;
+    getPreviousImageIndex(): number | null;
+    getNextImageIndex(): number | null;
+    keyBindings(ev: KeyboardEvent): void;
+    changeImageNumber(): void;
+    changeImageDescription(): void;
+    sortAscending(number1: number, number2: number): number;
+    getClosestLowerIndex(imageIndexes: Array<number>, imageIndex: number): number | null;
+    isFullScreenMode(): boolean;
+    isMaxImageMode(): boolean;
+    isShortestEdgeMode(): boolean;
+}

package/build/esm/packages/aurora/src/src/components/gallery/utilities/check_is_touch_device.d.ts

@@ -0,0 +1 @@
+export declare const checkIsTouchDevice: () => boolean;

package/build/esm/packages/aurora/src/src/components/gallery/utilities/copy_to_clipboard.d.ts

@@ -0,0 +1,6 @@
+/**
+ * function that copy given string
+ * @param {string} toCopy - string that will be copied
+ * @return {void}
+ */
+export declare function copy(toCopy: string): void;

package/build/esm/packages/aurora/src/src/components/gallery/utilities/get_url.d.ts

@@ -0,0 +1 @@
+export declare const getUrl: (galleryName: string, imageNumber: number) => string;

package/build/esm/packages/aurora/src/src/components/gallery/utilities/handle_history.d.ts

@@ -0,0 +1 @@
+export declare const handleHistory: ($gallery: HTMLDivElement, galleryName: string, selectedImageNumber: number, remove: (ev: Event) => void, showImage: (imageIndex: number) => void) => void;

package/build/esm/packages/aurora/src/src/components/gallery/utilities/index.d.ts

@@ -0,0 +1,5 @@
+import { getUrl } from './get_url';
+import { copy } from './copy_to_clipboard';
+import { handleHistory } from './handle_history';
+import { checkIsTouchDevice } from './check_is_touch_device';
+export { getUrl, copy, handleHistory, checkIsTouchDevice };

package/build/esm/packages/aurora/src/src/components/grid/components/box.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IBoxProps } from '../types';
+declare const Box: FC<IBoxProps>;
+export default Box;

package/build/esm/packages/aurora/src/src/components/grid/components/col.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IColProps } from '../types';
+declare const Col: FC<IColProps>;
+export default Col;

package/build/esm/packages/aurora/src/src/components/grid/components/row.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IRowProps } from '../types';
+declare const Row: FC<IRowProps>;
+export default Row;

package/build/esm/packages/aurora/src/src/components/grid/constants.d.ts

@@ -0,0 +1,24 @@
+export declare const GRID_SIZE_FULL = "container_full";
+export declare const GRID_SIZE_LARGE = "container_l";
+export declare const GRID_SIZE_SMALL = "container_s";
+export declare const GRID_SIZE_MAP: {
+    full: string;
+    small: string;
+    large: string;
+    '': string;
+};
+export declare const ROW_VERTICAL_MAP: {
+    top: string;
+    center: string;
+    bottom: string;
+    stretch: string;
+    '': string;
+};
+export declare const ROW_HORIZONTAL_MAP: {
+    left: string;
+    center: string;
+    right: string;
+    between: string;
+    around: string;
+    '': string;
+};

package/build/esm/packages/aurora/src/src/components/grid/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IGridComposition, IGridProps } from './types';
+declare const Grid: FC<IGridProps> & IGridComposition;
+export default Grid;

package/build/esm/packages/aurora/src/src/components/grid/types.d.ts

@@ -0,0 +1,42 @@
+import { FC } from 'react';
+export interface IGridProps {
+    size?: 'full' | 'small' | 'large';
+    className?: string;
+}
+export interface IGridComposition {
+    Box: FC<IBoxProps>;
+    Col: FC<IColProps>;
+    Row: FC<IRowProps>;
+}
+export interface IRowProps {
+    vertical?: boolean;
+    inner?: boolean;
+    noWrap?: boolean;
+    verticalPosition?: 'top' | 'center' | 'bottom' | 'stretch';
+    horizontalPosition?: 'left' | 'center' | 'right' | 'between' | 'around';
+    className?: string;
+}
+export interface IColProps {
+    md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    col?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    order?: {
+        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+        col?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    };
+    auto?: 'auto' | 'grow' | '';
+    className?: string;
+}
+export interface IBoxProps {
+    spacing?: boolean;
+    size?: 's' | 'xs';
+    horizontal?: boolean;
+    vertical?: boolean;
+    color?: 'primary' | 'secondary' | 'tertiary' | 'dark-bg' | 'dark-bg-2' | 'dark-bg-3' | 'light-bg' | 'light-bg-2';
+    className?: string;
+}

package/build/esm/packages/aurora/src/src/components/grid/utils.d.ts

@@ -0,0 +1,15 @@
+import { IBoxProps } from './types';
+/**
+ * function to build class for box, based on props
+ */
+export declare const boxSpacing: ({ size, spacing, horizontal, vertical }: IBoxProps) => string;
+/**
+ * function to build class for column, based on props
+ */
+export declare const columnOrderClass: ({ col, md, sm, xs, lg }: {
+    col?: number | undefined;
+    md?: number | undefined;
+    sm?: number | undefined;
+    xs?: number | undefined;
+    lg?: number | undefined;
+}) => string;

package/build/esm/packages/aurora/src/src/components/heading/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IHeadingProps } from './types';
+declare const Heading: React.FC<IHeadingProps>;
+export default Heading;

package/build/esm/packages/aurora/src/src/components/heading/types.d.ts

@@ -0,0 +1,5 @@
+export interface IHeadingProps {
+    as: string;
+    isSubheading?: boolean;
+    withHeadline?: boolean;
+}

package/build/esm/packages/aurora/src/src/components/hint/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactElement } from 'react';
+export interface IHint {
+    hint: string | ReactElement;
+    vPosition?: 'top' | 'bottom';
+    hPosition?: 'left' | 'right' | 'center';
+    spacingLeft?: boolean;
+    spacingRight?: boolean;
+    iconClass?: string;
+    yellow?: boolean;
+    Icon?: React.FC<{
+        className?: string;
+    }>;
+    fixed?: boolean;
+}
+declare const Hint: React.FC<IHint>;
+export default Hint;

package/build/esm/packages/aurora/src/src/components/label/css_classes.d.ts

@@ -0,0 +1,3 @@
+export declare const cssLabel = "label";
+export declare const cssLabelRequired: string;
+export declare const cssLabelError: string;

package/build/esm/packages/aurora/src/src/components/label/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILabelProps } from './types';
+declare const Label: React.FC<ILabelProps>;
+export default Label;

package/build/esm/packages/aurora/src/src/components/label/types.d.ts

@@ -0,0 +1,4 @@
+import { LabelHTMLAttributes } from 'react';
+export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    isRequired?: boolean;
+}

package/build/esm/packages/aurora/src/src/components/loader/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const LOADER_SIZE: {
+    readonly small: "small";
+    readonly large: "large";
+    readonly extraLarge: "extraLarge";
+};
+export declare const LOADER_SIZE_CSS_CLASS_MAP: {
+    readonly small: string;
+    readonly large: string;
+    readonly extraLarge: string;
+};

package/build/esm/packages/aurora/src/src/components/loader/css_classes.d.ts

@@ -0,0 +1,4 @@
+export declare const cssLoader = "loader";
+export declare const cssLoaderSizeSmall: string;
+export declare const cssLoaderSizeLarge: string;
+export declare const cssLoaderSizeExtraLarge: string;

package/build/esm/packages/aurora/src/src/components/loader/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILoaderConstants, ILoaderProps } from '@auroraComponents/loader/types';
+declare const Loader: React.FC<ILoaderProps> & ILoaderConstants;
+export default Loader;

package/build/esm/packages/aurora/src/src/components/loader/types.d.ts

@@ -0,0 +1,9 @@
+import { LOADER_SIZE } from '@auroraComponents/loader/constants';
+import { EnumLiteralsOf } from '@auroraTypings/general';
+export interface ILoaderProps {
+    size?: TLoaderSize;
+}
+export interface ILoaderConstants {
+    SIZE: typeof LOADER_SIZE;
+}
+export declare type TLoaderSize = EnumLiteralsOf<typeof LOADER_SIZE>;

package/build/esm/packages/aurora/src/src/components/message-box/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMessageBox } from './types';
+declare const MessageBox: React.FC<IMessageBox>;
+export default MessageBox;

package/build/esm/packages/aurora/src/src/components/message-box/types.d.ts

@@ -0,0 +1,8 @@
+export declare type TMessageBoxType = 'success' | 'alert' | 'warning' | 'light';
+export interface IMessageBox {
+    type?: TMessageBoxType;
+    header?: string;
+    withoutIcon?: boolean;
+    className?: string;
+    fullWidth?: boolean;
+}

package/build/esm/packages/aurora/src/src/components/modal/components/content.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IContentProps } from '@auroraComponents/modal/types';
+declare const Content: FC<IContentProps>;
+export default Content;

package/build/esm/packages/aurora/src/src/components/modal/components/footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IFooterProps } from '@auroraComponents/modal/types';
+declare const Footer: FC<IFooterProps>;
+export default Footer;

package/build/esm/packages/aurora/src/src/components/modal/components/header.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IHeaderProps } from '@auroraComponents/modal/types';
+declare const Header: FC<IHeaderProps>;
+export default Header;

package/build/esm/packages/aurora/src/src/components/modal/components/modal.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps } from '@auroraComponents/modal/types';
+declare const Modal: FC<IModalProps>;
+export default Modal;

package/build/esm/packages/aurora/src/src/components/modal/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TRANSLATE_MOVE = 100;

package/build/esm/packages/aurora/src/src/components/modal/context/modal_context.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface IModalContext {
+    isVisible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    hideModal?(): void;
+}
+export declare const ModalContext: import("react").Context<IModalContext>;
+export declare const ModalContextProvider: import("react").Provider<IModalContext>;

package/build/esm/packages/aurora/src/src/components/modal/hoc/modal_provider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface ModalProviderProps {
+    defaultOpen?: boolean;
+}
+declare const ModalProvider: FC<ModalProviderProps>;
+export default ModalProvider;

package/build/esm/packages/aurora/src/src/components/modal/hoc/relative_modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps, IRelativeModalProps } from '@auroraComponents/modal/types';
+declare const RelativeModal: FC<IRelativeModalProps & IModalProps>;
+export default RelativeModal;

package/build/esm/packages/aurora/src/src/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps, IModalComposition } from '@auroraComponents/modal/types';
+declare const Modal: FC<IModalProps> & IModalComposition;
+export default Modal;

package/build/esm/packages/aurora/src/src/components/modal/types.d.ts

@@ -0,0 +1,55 @@
+import { FC, ReactElement, ReactNode, ReactNodeArray, RefObject } from 'react';
+export interface IHeaderProps {
+    title?: string;
+    actions?: ReactElement | ReactNodeArray | ReactNode;
+    closeAction?: () => void;
+}
+export interface IContentProps {
+}
+export interface IFooterProps {
+}
+export interface IModalProps {
+    className?: string;
+    withBackground?: boolean;
+    modalRef?: RefObject<HTMLDivElement>;
+}
+export interface IModalComposition {
+    Header: FC<IHeaderProps>;
+    Footer: FC<IFooterProps>;
+    Content: FC<IContentProps>;
+}
+export interface IAbsoluteModalProps {
+    vPosition?: 'top' | 'middle' | 'bottom';
+    hPosition?: 'left' | 'center' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IRelativeModalProps {
+    position?: 'top' | 'left' | 'bottom' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    relativeTo: RefObject<HTMLDivElement>;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IPositionState {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+}
+export interface IAbsoluteCalculation extends IAbsoluteModalProps {
+    modalRect?: DOMRect;
+}
+export interface IRelativeCalculation extends IRelativeModalProps {
+    modalRect?: DOMRect;
+    relativeRect?: DOMRect;
+}