@dreamcommerce/aurora 0.3.4-158 → 0.3.4-161

package/build/esm/packages/aurora/src/src/components/file_picker/components/file_input.d.ts

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

package/build/esm/packages/aurora/src/src/components/file_picker/components/selected_file_preview.d.ts

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

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    filePicker: string;
+    filePickerDescription: string;
+    filePickerImagePreview: string;
+    filePickerUploadIcon: string;
+    filePickerDeleteIcon: string;
+    filePickerInput: string;
+    filePickerSelectedFile: string;
+    filePickerSelectedFileDescription: string;
+};
+export default _default;

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

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

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

@@ -0,0 +1,42 @@
+import React, { ChangeEvent } from 'react';
+export declare type TFilePickerFile = {
+    fileUrl: string;
+    fileName: string;
+};
+export interface IFilePicker {
+    id: string;
+    name?: string;
+    className?: string;
+    onChange?: (fileList: FileList | null) => void;
+    allowedExtensions?: string[];
+    initialFile?: TFilePickerFile;
+}
+export interface ISelectedFilePreview {
+    file: TFilePickerFile | null;
+    isPreview: boolean;
+    onPreviewError: () => void;
+    onFileDelete: () => void;
+}
+export interface IFileInput {
+    id: string;
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    allowedExtensions: string[];
+    isDragOver: boolean;
+}
+export interface IUseFilePicker {
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFileDelete: () => void;
+    onPreviewError: () => void;
+    file: TFilePickerFile | null;
+    isPreview: boolean;
+    isDragOver: boolean;
+}
+export interface IUseFilePickerProps {
+    onChange?: (fileList: FileList | null) => void;
+    initialFile?: TFilePickerFile;
+}

package/build/esm/packages/aurora/src/src/components/file_picker/use_file_picker.d.ts

@@ -0,0 +1,29 @@
+import { IUseFilePicker, IUseFilePickerProps } from '@components/file_picker/types';
+export declare const useFilePicker: {
+    ({ onChange, initialFile }: IUseFilePickerProps): IUseFilePicker;
+    displayName: string;
+    __docgenInfo: {
+        description: string;
+        displayName: string;
+        props: {
+            onChange: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+            initialFile: {
+                defaultValue: null;
+                description: string;
+                name: string;
+                required: boolean;
+                type: {
+                    name: string;
+                };
+            };
+        };
+    };
+};

package/build/esm/packages/aurora/src/src/components/flash_messenger/components/flash_message.d.ts

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

package/build/esm/packages/aurora/src/src/components/flash_messenger/components/flash_messages_list.d.ts

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IFlashMessengerContext } from './types';
+export declare const FlashMessengerContext: import("react").Context<IFlashMessengerContext | null>;
+export declare const useFlashMessenger: () => IFlashMessengerContext;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FlashMessenger: React.FC;
+export default FlashMessenger;

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

@@ -0,0 +1,22 @@
+import { TMessageBoxType } from '@components/message-box/types';
+export interface IFlashMessengerContext {
+    removeMessage: (id: string) => void;
+    hideMessage: (id: string) => void;
+    addMessage: (message: TFlashMessage) => void;
+}
+export interface IFlashMessage {
+    message: TFlashMessageExtended;
+}
+export interface IFlashMessagesList {
+    messages: TFlashMessageExtended[];
+}
+export declare type TFlashMessageExtended = TFlashMessage & {
+    id: string;
+    timeout?: number;
+    isVisible?: boolean;
+};
+export declare type TFlashMessage = {
+    content: string;
+    type: TMessageBoxType;
+    timeout?: number;
+};

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

@@ -0,0 +1,4 @@
+import { TMode, TJsSelectors, TDimensionsType } from './types';
+export declare const GALLERY_MODE: Record<TMode, TMode>;
+export declare const JS_CLASSES: Record<TJsSelectors, string>;
+export declare const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType>;

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

@@ -0,0 +1,33 @@
+export declare const cssGallery = "gallery";
+export declare const cssGalleryMobile: string;
+export declare const cssGalleryBar: string;
+export declare const cssGalleryBarImageNumbers: string;
+export declare const cssGalleryBarImageDescription: string;
+export declare const cssGalleryBarCopyLink: string;
+export declare const cssGalleryBarCopyLinkConfirmation: string;
+export declare const cssGalleryBarCopyLinkConfirmationText: string;
+export declare const cssGalleryBarImageClose: string;
+export declare const cssGalleryImages: string;
+export declare const cssGalleryImagesWithTransition: string;
+export declare const cssGalleryImagesContainer: string;
+export declare const cssGalleryImage: string;
+export declare const cssGalleryImageContainer: string;
+export declare const cssGalleryImageAdjusted: string;
+export declare const cssGalleryImageMaxWidth: string;
+export declare const cssGalleryImageMaxHeight: string;
+export declare const cssIcon = "icon";
+export declare const cssIconArrow: string;
+export declare const cssIconArrowContainer: string;
+export declare const cssIconArrowContainerPrevious: string;
+export declare const cssIconArrowContainerNext: string;
+export declare const cssIconArrowRotate180: string;
+export declare const cssIconClose: string;
+export declare const cssIconLink: string;
+export declare const cssIconSuccess: string;
+export declare const cssLoaderMask = "loader__mask";
+export declare const cssHide = "hide";
+export declare const cssHideMobile = "hide_mobile";
+export declare const cssHideDesktop = "hide_desktop";
+export declare const cssZoomIn = "zoom-in";
+export declare const cssZoomOut = "zoom-out";
+export declare const cssGrabbing = "grabbing";

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: MouseEvent | HammerInput) => 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;