@dreamcommerce/aurora 2.8.12-2 → 2.8.12-21

package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js

@@ -16,10 +16,9 @@ const ControlXhrImagePicker = ({ url, label, isRequired, id, name, onChange, all
     const handleControlError = (errors) => {
         setErrors(errors);
     };
-    const handleControlChange = (file) => {
-        const { fileList, fileAsDataUrl } = file;
+    const handleControlChange = (fileList) => {
         setErrors(null);
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
+        onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
     };
     return (React__default['default'].createElement(index['default'], { errors: controlErrors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },

package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/file_picker/index.js

@@ -22,6 +22,7 @@ const FilePicker = ({ id, onChange, allowedExtensions = [constants.FILES_EXTENSI
         onChange,
         inputRef
     });
+    console.log('FilePicker', file);
     const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
     return (React__default['default'].createElement("div", { className: className },
         file ? (React__default['default'].createElement(selected_file_preview['default'], { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React__default['default'].createElement(file_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),

package/build/cjs/packages/aurora/src/components/file_picker/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -8,16 +8,12 @@ var constants = require('./constants.js');
 
 const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
     const [file, setFile] = React.useState(initialFile);
-    const [fileAsDataUrl, setFileAsDataUrl] = React.useState(null);
     const [errors, setErrors] = React.useState([]);
     const [isDragOver, setDragOver] = React.useState(false);
     const [isPreview, setPreview] = React.useState(true);
-    const reader = new FileReader();
     React.useEffect(() => {
-        initialFile && setFile(initialFile);
-        reader.addEventListener('load', () => getDataUrlFromFile(reader.result), false);
-        return () => reader.removeEventListener('load', () => getDataUrlFromFile(reader.result));
-    }, []);
+        setFile(initialFile);
+    }, [initialFile]);
     React.useEffect(() => {
         initialErrors && setErrors(initialErrors);
     }, [initialErrors]);
@@ -51,25 +47,21 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
         updateFile(files);
     };
     const updateFile = (files) => {
-        if ((files === null || files === void 0 ? void 0 : files.length) && !fileAsDataUrl) {
-            reader.readAsDataURL(files[0]);
+        if (files === null || files === void 0 ? void 0 : files.length) {
             setFile({
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
                 fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
             });
             const isValid = validateFileExtension(allowedExtensions, files[0].type);
             if (isValid)
-                onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files, fileAsDataUrl });
+                onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         else {
             setFile(undefined);
-            onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files, fileAsDataUrl });
+            onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         setPreview(true);
     };
-    const getDataUrlFromFile = (fileReaderResult) => {
-        setFileAsDataUrl(fileReaderResult);
-    };
     const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
@@ -84,10 +76,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     const onFileDelete = () => {
         inputRef.current.value = '';
         setFile(undefined);
-        setFileAsDataUrl(null);
         setPreview(true);
         setErrors([]);
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: null, fileAsDataUrl: null });
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
     const onPreviewError = () => {
         setPreview(false);

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.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;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -79,6 +79,9 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
             setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
         }
     };
+    React.useEffect(() => {
+        console.log('file', file);
+    }, [file]);
     return (React__default['default'].createElement("div", { className: imagePickerClassName },
         React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
             file &&

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/xhr_image_picker/index.js

@@ -22,9 +22,8 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
 ] }) => {
     const httpApi = use_http_api.useHttpApi();
     const pendingRequestRef = React__default['default'].useRef();
-    const handleControlChange = async (file) => {
-        const { fileList, fileAsDataUrl } = file;
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
+    const handleControlChange = async (fileList) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
         if (!fileList || !fileList.length)
             return;
         if (pendingRequestRef.current) {

package/build/cjs/packages/aurora/src/components/xhr_image_picker/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/css/hint/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../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_hint__3cahT {\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem !important;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem !important;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
 var cssClasses = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../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@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  scrollbar-color: #79829c #f3f4f8;\n  scrollbar-width: thin;\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-track {\n  background-color: #f3f4f8;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
 var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__sub-header":"main-module_slide__sub-header__7iIPF","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject_es['default'](css_248z);
 

package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../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_tooltip__container__1T35Q {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n  white-space: nowrap;\n  color: #ffffff;\n  font-size: 12px;\n  text-align: center;\n  background-color: #2d3748 !important;\n  box-shadow: none !important;\n}\n.main-module_tooltip__container__1T35Q::before {\n  display: none !important;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  top: -14px;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n  white-space: nowrap;\n  color: #ffffff;\n  font-size: 12px;\n  text-align: center;\n  background-color: #2d3748 !important;\n  box-shadow: none !important;\n  pointer-events: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n  display: none !important;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  top: -14px;\n}\n";
 var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
 styleInject_es['default'](css_248z);
 

package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js

@@ -8,10 +8,9 @@ const ControlXhrImagePicker = ({ url, label, isRequired, id, name, onChange, all
     const handleControlError = (errors) => {
         setErrors(errors);
     };
-    const handleControlChange = (file) => {
-        const { fileList, fileAsDataUrl } = file;
+    const handleControlChange = (fileList) => {
         setErrors(null);
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
+        onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
     };
     return (React.createElement(Control, { errors: controlErrors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },

package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/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;"}
+{"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;"}

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

@@ -1,12 +1,12 @@
 import { HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
-import { IFilePicker, IUseFilePickerOnChange } from "../file_picker/types";
-import { IImagePicker, TImageSize } from "../image_picker/types";
 import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
 import { IColorPickerProps } from "../color_picker/types";
+import { IFilePicker } from "../file_picker/types";
 import { IRange } from "../range/types";
-import { IRequestResponse } from '@dreamcommerce/star_core';
 import React from 'react';
 import { TVerticalPosition } from "../../typings/general";
+import { IImagePicker, TImageSize } from "../image_picker/types";
+import { IRequestResponse } from '@dreamcommerce/star_core';
 export declare type TControlErrors = string[] | null | undefined;
 export interface IControlContext {
     errors?: TControlErrors;
@@ -175,7 +175,7 @@ export interface IControlXhrImagePicker extends IImagePicker, IControlCommonProp
     url: string;
     label?: string;
     isRequired?: boolean;
-    onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
+    onChange?: (fileList: FileList | null, size?: TImageSize) => void;
     labelAdditionalInfo?: string | ReactNode;
     onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
 }

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

@@ -1,10 +1,10 @@
 import 'react';
-import '@auroraComponents/file_picker/types';
-import '@auroraComponents/image_picker/types';
 import '@auroraComponents/dropdown/types';
 import '@auroraComponents/color_picker/types';
+import '@auroraComponents/file_picker/types';
 import '@auroraComponents/range/types';
-import '@dreamcommerce/star_core';
 import 'react';
 import '@auroraTypings/general';
+import '@auroraComponents/image_picker/types';
+import '@dreamcommerce/star_core';
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAoD,qCAAqC,CAAC;AAC1F,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAAuB,+BAA+B,CAAC;AACvD,OAAiC,0BAA0B,CAAC;AAC5D,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC;AAC3D,OAAyC,sCAAsC,CAAC;AAChF,OAAiC,0BAA0B,CAAC"}

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

@@ -14,6 +14,7 @@ const FilePicker = ({ id, onChange, allowedExtensions = [FILES_EXTENSIONS.WEBP,
         onChange,
         inputRef
     });
+    console.log('FilePicker', file);
     const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
     return (React.createElement("div", { className: className },
         file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),

package/build/esm/packages/aurora/src/components/file_picker/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;"}
+{"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;"}

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

@@ -13,7 +13,7 @@ export interface IFilePicker {
     id: string;
     name?: string;
     className?: string;
-    onChange?: (file: IUseFilePickerOnChange) => void;
+    onChange?: (fileList: FileList | null) => void;
     allowedExtensions?: TFilesExtension[];
     initialFile?: TFilePickerFile;
     errors?: TControlErrors;
@@ -45,12 +45,8 @@ export interface IUseFilePicker {
     isPreview: boolean;
     isDragOver: boolean;
 }
-export declare type IUseFilePickerOnChange = {
-    fileList: FileList | null;
-    fileAsDataUrl: string | ArrayBuffer | null;
-};
 export interface IUseFilePickerProps {
-    onChange?: (file: IUseFilePickerOnChange) => void;
+    onChange?: (fileList: FileList | null) => void;
     initialFile?: TFilePickerFile;
     allowedExtensions?: TFilesExtension[];
     inputRef: React.RefObject<HTMLInputElement>;

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -4,16 +4,12 @@ import { MIME_TYPE_TO_FILE_EXTENSIONS, FILE_PICKER_ERROR } from './constants.js'
 
 const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
     const [file, setFile] = useState(initialFile);
-    const [fileAsDataUrl, setFileAsDataUrl] = useState(null);
     const [errors, setErrors] = useState([]);
     const [isDragOver, setDragOver] = useState(false);
     const [isPreview, setPreview] = useState(true);
-    const reader = new FileReader();
     useEffect(() => {
-        initialFile && setFile(initialFile);
-        reader.addEventListener('load', () => getDataUrlFromFile(reader.result), false);
-        return () => reader.removeEventListener('load', () => getDataUrlFromFile(reader.result));
-    }, []);
+        setFile(initialFile);
+    }, [initialFile]);
     useEffect(() => {
         initialErrors && setErrors(initialErrors);
     }, [initialErrors]);
@@ -47,25 +43,21 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
         updateFile(files);
     };
     const updateFile = (files) => {
-        if ((files === null || files === void 0 ? void 0 : files.length) && !fileAsDataUrl) {
-            reader.readAsDataURL(files[0]);
+        if (files === null || files === void 0 ? void 0 : files.length) {
             setFile({
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
                 fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
             });
             const isValid = validateFileExtension(allowedExtensions, files[0].type);
             if (isValid)
-                onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files, fileAsDataUrl });
+                onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         else {
             setFile(undefined);
-            onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files, fileAsDataUrl });
+            onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         setPreview(true);
     };
-    const getDataUrlFromFile = (fileReaderResult) => {
-        setFileAsDataUrl(fileReaderResult);
-    };
     const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
@@ -80,10 +72,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     const onFileDelete = () => {
         inputRef.current.value = '';
         setFile(undefined);
-        setFileAsDataUrl(null);
         setPreview(true);
         setErrors([]);
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: null, fileAsDataUrl: null });
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
     const onPreviewError = () => {
         setPreview(false);

package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -70,6 +70,9 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
             setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
         }
     };
+    useEffect(() => {
+        console.log('file', file);
+    }, [file]);
     return (React.createElement("div", { className: imagePickerClassName },
         React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
             file &&

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

@@ -1 +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;"}
+{"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;"}

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

@@ -14,9 +14,8 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
 ] }) => {
     const httpApi = useHttpApi();
     const pendingRequestRef = React.useRef();
-    const handleControlChange = async (file) => {
-        const { fileList, fileAsDataUrl } = file;
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
+    const handleControlChange = async (fileList) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
         if (!fileList || !fileList.length)
             return;
         if (pendingRequestRef.current) {

package/build/esm/packages/aurora/src/components/xhr_image_picker/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/css/hint/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_hint__3cahT {\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem !important;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem !important;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
 var cssClasses = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/css/slide/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@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n  width: 100%;\n  border-bottom: 2px solid transparent;\n  background-color: #f3f4f8;\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n}\n.main-module_slide__content__3KeZM {\n  scrollbar-color: #79829c #f3f4f8;\n  scrollbar-width: thin;\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-track {\n  background-color: #f3f4f8;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_slide__content__3KeZM::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 0.5rem 1rem 0.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
 var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__sub-header":"main-module_slide__sub-header__7iIPF","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/css/tooltip/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_tooltip__container__1T35Q {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n  white-space: nowrap;\n  color: #ffffff;\n  font-size: 12px;\n  text-align: center;\n  background-color: #2d3748 !important;\n  box-shadow: none !important;\n}\n.main-module_tooltip__container__1T35Q::before {\n  display: none !important;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  top: -14px;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n  white-space: nowrap;\n  color: #ffffff;\n  font-size: 12px;\n  text-align: center;\n  background-color: #2d3748 !important;\n  box-shadow: none !important;\n  pointer-events: none;\n}\n.main-module_tooltip__container__1T35Q::before {\n  display: none !important;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 14px;\n  left: 0;\n  top: -14px;\n}\n";
 var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
 styleInject(css_248z);
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.8.12-2",
+  "version": "2.8.12-21",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.10.0",
+    "@dreamcommerce/utilities": "^1.10.1",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@storybook/react": "6.5.7",