@dreamcommerce/aurora 2.5.2 → 2.5.3-2

package/build/esm/packages/aurora/src/components/image_picker/index.js

@@ -0,0 +1,94 @@
+import React, { useState, useEffect } from 'react';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
+import classnames from 'classnames';
+import { FILE_PICKER_ERROR } from '../file_picker/constants.js';
+import { useFilePicker } from '../file_picker/use_file_picker.js';
+import { getAcceptFilesParametersFromAllowedExtensions } from '../file_picker/utils.js';
+import CSS_CLASSES from './css_classes.js';
+import ControlInput from '../controls/hoc/control_input/index.js';
+import styles from '../../css/image_picker/main.module.less.js';
+import ImageInput from './components/image_input.js';
+import SelectedImagePreview from './components/selected_image_preview.js';
+import Spacing from '../spacing/index.js';
+import { checkIfInvalideFileFormatErrorOccured } from './utils.js';
+
+const ImagePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '', hasWidthInput, widthInputPostfix = 'px', widthInputLabel, widthInputHint }) => {
+    const [t] = useTranslation();
+    const [fileFormatIsCorrect, setFileFormatIsCorrect] = useState(true);
+    const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
+    const [widthInputValue, setWidthInputValue] = useState();
+    const [isInputWidthTooBig, setIsInputWidthTooBig] = useState(false);
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver, isVectorImage } = useFilePicker({ initialFile, onChange, allowedExtensions });
+    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+    const showMaxWidthInput = hasWidthInput && file && fileFormatIsCorrect && !isVectorImage;
+    const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
+    const imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], !fileFormatIsCorrect && styles[CSS_CLASSES.imagePickerWrapperError]);
+    const useStyles = createUseStyles({
+        imagePickerWrapper: {
+            border: ({ isDragOver }) => (isDragOver ? '1px solid #135cc8' : ''),
+            backgroundColor: ({ isDragOver }) => (isDragOver ? 'rgba(208, 230, 255, 0.5)' : ''),
+            '& svg': {
+                // @ts-ignore
+                fill: ({ isDragOver }) => (isDragOver ? '#3c83ec' : '')
+            }
+        }
+    });
+    const dragOverStyles = useStyles({ isDragOver });
+    const getImageWidth = (event) => {
+        let selectedImage;
+        if (event.target instanceof HTMLInputElement) {
+            const { target: { files } } = event;
+            selectedImage = files[0];
+        }
+        else {
+            const { dataTransfer: { files } } = event;
+            selectedImage = files[0];
+        }
+        const imgElement = document.createElement('img');
+        const objectURL = URL.createObjectURL(selectedImage);
+        imgElement.onload = () => {
+            setImageSize({ width: imgElement.width, height: imgElement.height });
+            URL.revokeObjectURL(objectURL);
+        };
+        imgElement.src = objectURL;
+    };
+    const checkIfInputMaxWidthIsGreaterThenImageWidth = () => {
+        if (!widthInputValue || !imageSize.width)
+            return;
+        widthInputValue > imageSize.width ? setIsInputWidthTooBig(true) : setIsInputWidthTooBig(false);
+    };
+    const handleonDropFile = (event) => {
+        onDropFile(event);
+        getImageWidth(event);
+    };
+    const handleOnFileChange = (event) => {
+        onFileChange(event);
+        getImageWidth(event);
+    };
+    const handleOnFileDelete = () => {
+        setImageSize({ width: 0, height: 0 });
+        onFileDelete();
+    };
+    const handleOnWidthInputChange = (event) => {
+        setWidthInputValue(event.target.valueAsNumber);
+    };
+    useEffect(() => {
+        checkIfInvalideFileFormatErrorOccured(errors) ? setFileFormatIsCorrect(false) : setFileFormatIsCorrect(true);
+        file && checkIfInputMaxWidthIsGreaterThenImageWidth();
+    }, [errors, file, widthInputValue]);
+    useEffect(() => {
+        setWidthInputValue(imageSize.width);
+    }, [imageSize]);
+    return (React.createElement("div", { className: imagePickerClassName },
+        React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
+            file && (React.createElement(SelectedImagePreview, { file: file, onFileDelete: handleOnFileDelete, onPreviewError: onPreviewError, isPreview: isPreview, fileFormatIsCorrect: fileFormatIsCorrect, imageSize: imageSize })),
+            React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: handleonDropFile }),
+            React.createElement("input", { onChange: handleOnFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
+        !fileFormatIsCorrect && React.createElement("p", { className: styles[CSS_CLASSES.imagePickerErrorText] }, t('Invalid file format')),
+        showMaxWidthInput && (React.createElement(Spacing, { as: "div", "mt-xs": 2 },
+            React.createElement(ControlInput, { id: `${id}-image-width`, type: "number", postfix: widthInputPostfix, value: widthInputValue, isRequired: true, label: widthInputLabel, hint: widthInputHint, onChange: handleOnWidthInputChange, errors: isInputWidthTooBig ? [`${t(FILE_PICKER_ERROR.invalidInputWidth)}`] : null })))));
+};
+
+export default ImagePicker;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/image_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+export declare type TImagePickerFile = {
+    fileUrl: string;
+    fileName: string;
+};
+export interface IImagePicker {
+    id: string;
+    name?: string;
+    className?: string;
+    onChange?: (imageList: FileList | null) => void;
+    allowedExtensions?: string[];
+    initialFile?: TImagePickerFile;
+    hasWidthInput?: boolean;
+    widthInputPostfix?: string;
+    widthInputLabel?: string;
+    widthInputHint?: string;
+}
+export interface ISelectedImagePreview {
+    file: TImagePickerFile;
+    isPreview: boolean;
+    fileFormatIsCorrect?: boolean;
+    imageSize?: TImageSize;
+    onPreviewError: () => void;
+    onFileDelete: () => void;
+}
+export interface IImagePickerInput {
+    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 declare type TImageSize = {
+    width: number;
+    height: number;
+};

package/build/esm/packages/aurora/src/components/image_picker/types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/image_picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

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

@@ -0,0 +1 @@
+export declare const checkIfInvalideFileFormatErrorOccured: (errorsArray: string[] | undefined) => boolean | undefined;

package/build/esm/packages/aurora/src/components/image_picker/utils.js

@@ -0,0 +1,8 @@
+import { FILE_PICKER_ERROR } from '../file_picker/constants.js';
+
+const checkIfInvalideFileFormatErrorOccured = (errorsArray) => {
+    return errorsArray && errorsArray.includes(FILE_PICKER_ERROR.invalidFileFormat);
+};
+
+export { checkIfInvalideFileFormatErrorOccured };
+//# sourceMappingURL=utils.js.map

package/build/esm/packages/aurora/src/components/image_picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/modal.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cssClasses from '../../../css/modal/main.module.less.js';
 
-const Modal = ({ children, className, modalRef }) => {
-    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: `${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}` },
+const Modal = ({ children, className, modalRef, style = {} }) => {
+    return (React.createElement("div", { style: style, "data-test-id": "modal", ref: modalRef, className: `${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}` },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 

package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n}\n.main-module_image-picker__description__1v13N p {\n  color: #3c83ec;\n}\n.main-module_image-picker__description__1v13N span {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  flex: 1;\n  max-width: 50%;\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-full-name__3fALB {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
+var styles = {"image-picker__wrapper":"main-module_image-picker__wrapper__2RK3f","image-picker__wrapper-error":"main-module_image-picker__wrapper-error__kCZeA","image-picker__wrapper-has-file":"main-module_image-picker__wrapper-has-file__2zmRc","image-picker__label":"main-module_image-picker__label__1i_Fq","image-picker__description":"main-module_image-picker__description__1v13N","image-picker__upload-icon":"main-module_image-picker__upload-icon__3sMvN","image-picker__input":"main-module_image-picker__input__3Wu2I","image-picker__delete-button":"main-module_image-picker__delete-button__21_kT","image-picker__delete-label":"main-module_image-picker__delete-label__3v2ot","image-picker__wrong-file-format-icon":"main-module_image-picker__wrong-file-format-icon__X-NL0","image-picker__delete-icon":"main-module_image-picker__delete-icon__30pkO","image-picker__selected-file":"main-module_image-picker__selected-file__3bRqa","image-picker__selected-file-name-wrapper":"main-module_image-picker__selected-file-name-wrapper__37MKd","image-picker__selected-file-remove-wrapper":"main-module_image-picker__selected-file-remove-wrapper__2v4W2","image-picker__selected-file-full-name":"main-module_image-picker__selected-file-full-name__3fALB","image-picker__image-preview-wrapper":"main-module_image-picker__image-preview-wrapper__1jPXU","image-picker__image-preview":"main-module_image-picker__image-preview__12pRu","image-picker__error-text":"main-module_image-picker__error-text__rXAvw"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/css/modal/main.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ {\n  margin-left: 2rem;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1900;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(100vh);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ {\n  margin-left: 2rem;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1900;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
 var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
 styleInject(css_248z);
 

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

@@ -20,6 +20,7 @@ import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_sw
 import ControlColorPicker from "./components/controls/hoc/control_color_picker";
 import ControlDatepicker from "./components/controls/hoc/control_date_picker";
 import ControlFilePicker from "./components/controls/hoc/control_file_picker";
+import ControlImagePicker from "./components/controls/hoc/control_image_picker";
 import ControlInput from "./components/controls/hoc/control_input";
 import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
 import ControlRadio from "./components/controls/hoc/control_radio";
@@ -61,6 +62,7 @@ import IconMobile from "./assets/icon_mobile";
 import IconTablet from "./assets/icon_tablet";
 import IconTick from "./assets/icon_tick";
 import IconWarning from "./assets/icon_warning";
+import ImagePicker from "./components/image_picker";
 import Label from "./components/label";
 import Link from "./components/link";
 import Loader from "./components/loader";
@@ -75,13 +77,14 @@ import SearchListInput from "./components/search_list/components/search_list_inp
 import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
 import Slide from "./components/slide";
-import SlideHeader from "./components/slide/components/slide_header";
 import SlideContent from "./components/slide/components/slide_content";
 import SlideFooter from "./components/slide/components/slide_footer";
+import SlideHeader from "./components/slide/components/slide_header";
 import SlideWrapper from "./components/slide/components/slide_wrapper";
 import Spacing from "./components/spacing";
 import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
+import { TImagePickerFile } from "./components/image_picker/types";
 import { TMessageBoxType } from "./components/message-box/types";
 import Table from "./components/table";
 import Tabs from "./components/tabs/components/tabs";
@@ -93,20 +96,20 @@ import TabsWrapper from "./components/tabs/components/tabs_wrapper";
 import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
+import { Typography } from "./components/typography";
 import WithLoader from "./components/with_loader";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
 import { useSearchList } from "./components/search_list/use_search_list";
 import { useToggle } from "./components/dropdown/hooks";
-import { Typography } from "./components/typography";
 /**
  * export hooks
  */
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
 /**
  * export types
  */
-export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };

package/build/esm/packages/aurora/src/index.js

@@ -23,6 +23,9 @@ export { default as ControlDatepicker } from './components/controls/hoc/control_
 export { default as FilePicker } from './components/file_picker/index.js';
 export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
 export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
+export { default as Spacing } from './components/spacing/index.js';
+export { default as ImagePicker } from './components/image_picker/index.js';
+export { default as ControlImagePicker } from './components/controls/hoc/control_image_picker/index.js';
 export { default as MultiSelect } from './components/dropdown/hoc/multiselect/index.js';
 export { default as ControlMultiSelect } from './components/controls/hoc/control_multi_select/index.js';
 export { default as ControlRadio } from './components/controls/hoc/control_radio/index.js';
@@ -59,11 +62,10 @@ export { useSearchList } from './components/search_list/use_search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
 export { default as Slide } from './components/slide/index.js';
-export { SlideHeader } from './components/slide/components/slide_header.js';
 export { SlideContent } from './components/slide/components/slide_content.js';
 export { SlideFooter } from './components/slide/components/slide_footer.js';
+export { SlideHeader } from './components/slide/components/slide_header.js';
 export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
-export { default as Spacing } from './components/spacing/index.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';
 export { TabsItem } from './components/tabs/components/tabs_item.js';
 export { TabsItemList } from './components/tabs/components/tabs_item_list.js';

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/translations/en.json

@@ -48,5 +48,8 @@
     "Selected cell 6": "Bottom left",
     "Selected cell 7": "Bottom center",
     "Selected cell 8": "Bottom right",
-    "Drag file or select": "Drag file or select"
+    "Drag file or select": "Drag file or select",
+    "Drag a file here or browse": "Drag a file here or browse",
+    "supported format": "supported format",
+    "The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file"
 }

package/build/esm/packages/aurora/src/translations/en.json.js

@@ -75,7 +75,10 @@ var en = {
 	"Selected cell 6": "Bottom left",
 	"Selected cell 7": "Bottom center",
 	"Selected cell 8": "Bottom right",
-	"Drag file or select": "Drag file or select"
+	"Drag file or select": "Drag file or select",
+	"Drag a file here or browse": "Drag a file here or browse",
+	"supported format": "supported format",
+	"The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file"
 };
 
 export default en;

package/build/esm/packages/aurora/src/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/translations/pl.json

@@ -48,5 +48,8 @@
     "Selected cell 6": "Dół z lewej",
     "Selected cell 7": "Dół na środku",
     "Selected cell 8": "Dół z prawej",
-    "Drag file or select": "Przeciągnij plik lub wybierz"
+    "Drag file or select": "Przeciągnij plik lub wybierz",
+    "Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
+    "supported format": "obsługiwany format",
+    "The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku"
 }

package/build/esm/packages/aurora/src/translations/pl.json.js

@@ -75,7 +75,10 @@ var pl = {
 	"Selected cell 6": "Dół z lewej",
 	"Selected cell 7": "Dół na środku",
 	"Selected cell 8": "Dół z prawej",
-	"Drag file or select": "Przeciągnij plik lub wybierz"
+	"Drag file or select": "Przeciągnij plik lub wybierz",
+	"Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
+	"supported format": "obsługiwany format",
+	"The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku"
 };
 
 export default pl;

package/build/esm/packages/aurora/src/translations/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.5.2",
+  "version": "2.5.3-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",