@dreamcommerce/aurora 2.8.12-9 → 2.8.13-1

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/use_file_picker.js

@@ -7,25 +7,17 @@ var i18n = require('../../i18n.js');
 var constants = require('./constants.js');
 
 const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
-    const [fileList, setFileList] = React.useState(null);
     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 = React.useRef(new FileReader());
     React.useEffect(() => {
-        initialFile && setFile(initialFile);
-        reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
-        return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
+        console.log('useFilePicker - useEffect', initialFile);
+        setFile(initialFile);
     }, []);
     React.useEffect(() => {
         initialErrors && setErrors(initialErrors);
     }, [initialErrors]);
-    React.useEffect(() => {
-        console.log('fileAsDataUrl - CHANGE', fileAsDataUrl.length);
-        fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl }));
-    }, [fileAsDataUrl]);
     const onDropFile = (event) => {
         setErrors([]);
         event.stopPropagation();
@@ -57,25 +49,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     };
     const updateFile = (files) => {
         if (files === null || files === void 0 ? void 0 : files.length) {
-            setFileList(files);
-            reader.current.readAsDataURL(files[0]);
             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 });
+                onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         else {
             setFile(undefined);
-            onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
+            onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         setPreview(true);
     };
-    const getDataUrlFromFile = (fileReaderResult) => {
-        setFileAsDataUrl(fileReaderResult);
-    };
     const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
@@ -89,12 +76,10 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     };
     const onFileDelete = () => {
         inputRef.current.value = '';
-        setFileList(null);
         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;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;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/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/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

@@ -1,27 +1,19 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import i18n from '../../i18n.js';
 import { MIME_TYPE_TO_FILE_EXTENSIONS, FILE_PICKER_ERROR } from './constants.js';
 
 const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
-    const [fileList, setFileList] = useState(null);
     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 = useRef(new FileReader());
     useEffect(() => {
-        initialFile && setFile(initialFile);
-        reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
-        return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
+        console.log('useFilePicker - useEffect', initialFile);
+        setFile(initialFile);
     }, []);
     useEffect(() => {
         initialErrors && setErrors(initialErrors);
     }, [initialErrors]);
-    useEffect(() => {
-        console.log('fileAsDataUrl - CHANGE', fileAsDataUrl.length);
-        fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl }));
-    }, [fileAsDataUrl]);
     const onDropFile = (event) => {
         setErrors([]);
         event.stopPropagation();
@@ -53,25 +45,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     };
     const updateFile = (files) => {
         if (files === null || files === void 0 ? void 0 : files.length) {
-            setFileList(files);
-            reader.current.readAsDataURL(files[0]);
             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 });
+                onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         else {
             setFile(undefined);
-            onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
+            onChange === null || onChange === void 0 ? void 0 : onChange(files);
         }
         setPreview(true);
     };
-    const getDataUrlFromFile = (fileReaderResult) => {
-        setFileAsDataUrl(fileReaderResult);
-    };
     const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
@@ -85,12 +72,10 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
     };
     const onFileDelete = () => {
         inputRef.current.value = '';
-        setFileList(null);
         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;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;"}

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/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.8.12-9",
+  "version": "2.8.13-1",
   "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",