@dreamcommerce/aurora 2.8.12-13 → 2.8.12-15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -3
  2. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/file_picker/index.js +1 -0
  4. package/build/cjs/packages/aurora/src/components/file_picker/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +7 -19
  6. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +2 -3
  8. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -3
  10. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/controls/types.d.ts +4 -4
  12. package/build/esm/packages/aurora/src/components/controls/types.js +3 -3
  13. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/file_picker/index.js +1 -0
  15. package/build/esm/packages/aurora/src/components/file_picker/index.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +2 -6
  17. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +8 -20
  18. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +2 -3
  20. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  21. package/package.json +2 -2
@@ -16,10 +16,9 @@ const ControlXhrImagePicker = ({ url, label, isRequired, id, name, onChange, all
16
16
  const handleControlError = (errors) => {
17
17
  setErrors(errors);
18
18
  };
19
- const handleControlChange = (file) => {
20
- const { fileList, fileAsDataUrl } = file;
19
+ const handleControlChange = (fileList) => {
21
20
  setErrors(null);
22
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
21
+ onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
23
22
  };
24
23
  return (React__default['default'].createElement(index['default'], { errors: controlErrors, name: name, id: id },
25
24
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
@@ -1 +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;"}
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;"}
@@ -22,6 +22,7 @@ const FilePicker = ({ id, onChange, allowedExtensions = [constants.FILES_EXTENSI
22
22
  onChange,
23
23
  inputRef
24
24
  });
25
+ console.log('FilePicker', file);
25
26
  const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
26
27
  return (React__default['default'].createElement("div", { className: className },
27
28
  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 })),
@@ -1 +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;"}
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;"}
@@ -7,25 +7,20 @@ var i18n = require('../../i18n.js');
7
7
  var constants = require('./constants.js');
8
8
 
9
9
  const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
10
- const [fileList, setFileList] = React.useState(null);
11
10
  const [file, setFile] = React.useState(initialFile);
12
- const [fileAsDataUrl, setFileAsDataUrl] = React.useState(null);
13
11
  const [errors, setErrors] = React.useState([]);
14
12
  const [isDragOver, setDragOver] = React.useState(false);
15
13
  const [isPreview, setPreview] = React.useState(true);
16
- const reader = React.useRef(new FileReader());
17
14
  React.useEffect(() => {
18
15
  initialFile && setFile(initialFile);
19
- reader.current && getDataUrlFromFile(reader.current.result);
20
- reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
21
- return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
16
+ console.log('initialFile', initialFile);
17
+ return () => {
18
+ setFile(undefined);
19
+ };
22
20
  }, []);
23
21
  React.useEffect(() => {
24
22
  initialErrors && setErrors(initialErrors);
25
23
  }, [initialErrors]);
26
- React.useEffect(() => {
27
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl }));
28
- }, [fileAsDataUrl]);
29
24
  const onDropFile = (event) => {
30
25
  setErrors([]);
31
26
  event.stopPropagation();
@@ -57,25 +52,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
57
52
  };
58
53
  const updateFile = (files) => {
59
54
  if (files === null || files === void 0 ? void 0 : files.length) {
60
- setFileList(files);
61
- reader.current.readAsDataURL(files[0]);
62
55
  setFile({
63
56
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
64
57
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
65
58
  });
66
59
  const isValid = validateFileExtension(allowedExtensions, files[0].type);
67
60
  if (isValid)
68
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
61
+ onChange === null || onChange === void 0 ? void 0 : onChange(files);
69
62
  }
70
63
  else {
71
64
  setFile(undefined);
72
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
65
+ onChange === null || onChange === void 0 ? void 0 : onChange(files);
73
66
  }
74
67
  setPreview(true);
75
68
  };
76
- const getDataUrlFromFile = (fileReaderResult) => {
77
- setFileAsDataUrl(fileReaderResult);
78
- };
79
69
  const onDragOver = (event) => {
80
70
  event.stopPropagation();
81
71
  event.preventDefault();
@@ -89,12 +79,10 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
89
79
  };
90
80
  const onFileDelete = () => {
91
81
  inputRef.current.value = '';
92
- setFileList(null);
93
82
  setFile(undefined);
94
- setFileAsDataUrl(null);
95
83
  setPreview(true);
96
84
  setErrors([]);
97
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: null, fileAsDataUrl: null });
85
+ onChange === null || onChange === void 0 ? void 0 : onChange(null);
98
86
  };
99
87
  const onPreviewError = () => {
100
88
  setPreview(false);
@@ -1 +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;"}
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;"}
@@ -22,9 +22,8 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
22
22
  ] }) => {
23
23
  const httpApi = use_http_api.useHttpApi();
24
24
  const pendingRequestRef = React__default['default'].useRef();
25
- const handleControlChange = async (file) => {
26
- const { fileList, fileAsDataUrl } = file;
27
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
25
+ const handleControlChange = async (fileList) => {
26
+ onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
28
27
  if (!fileList || !fileList.length)
29
28
  return;
30
29
  if (pendingRequestRef.current) {
@@ -1 +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;"}
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;"}
@@ -8,10 +8,9 @@ const ControlXhrImagePicker = ({ url, label, isRequired, id, name, onChange, all
8
8
  const handleControlError = (errors) => {
9
9
  setErrors(errors);
10
10
  };
11
- const handleControlChange = (file) => {
12
- const { fileList, fileAsDataUrl } = file;
11
+ const handleControlChange = (fileList) => {
13
12
  setErrors(null);
14
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
13
+ onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
15
14
  };
16
15
  return (React.createElement(Control, { errors: controlErrors, name: name, id: id },
17
16
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
@@ -1 +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;"}
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;"}
@@ -1,12 +1,12 @@
1
1
  import { HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
2
- import { IFilePicker, IUseFilePickerOnChange } from "../file_picker/types";
3
- import { IImagePicker, TImageSize } from "../image_picker/types";
4
2
  import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
5
3
  import { IColorPickerProps } from "../color_picker/types";
4
+ import { IFilePicker } from "../file_picker/types";
6
5
  import { IRange } from "../range/types";
7
- import { IRequestResponse } from '@dreamcommerce/star_core';
8
6
  import React from 'react';
9
7
  import { TVerticalPosition } from "../../typings/general";
8
+ import { IImagePicker, TImageSize } from "../image_picker/types";
9
+ import { IRequestResponse } from '@dreamcommerce/star_core';
10
10
  export declare type TControlErrors = string[] | null | undefined;
11
11
  export interface IControlContext {
12
12
  errors?: TControlErrors;
@@ -175,7 +175,7 @@ export interface IControlXhrImagePicker extends IImagePicker, IControlCommonProp
175
175
  url: string;
176
176
  label?: string;
177
177
  isRequired?: boolean;
178
- onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
178
+ onChange?: (fileList: FileList | null, size?: TImageSize) => void;
179
179
  labelAdditionalInfo?: string | ReactNode;
180
180
  onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
181
181
  }
@@ -1,10 +1,10 @@
1
1
  import 'react';
2
- import '@auroraComponents/file_picker/types';
3
- import '@auroraComponents/image_picker/types';
4
2
  import '@auroraComponents/dropdown/types';
5
3
  import '@auroraComponents/color_picker/types';
4
+ import '@auroraComponents/file_picker/types';
6
5
  import '@auroraComponents/range/types';
7
- import '@dreamcommerce/star_core';
8
6
  import 'react';
9
7
  import '@auroraTypings/general';
8
+ import '@auroraComponents/image_picker/types';
9
+ import '@dreamcommerce/star_core';
10
10
  //# sourceMappingURL=types.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -14,6 +14,7 @@ const FilePicker = ({ id, onChange, allowedExtensions = [FILES_EXTENSIONS.WEBP,
14
14
  onChange,
15
15
  inputRef
16
16
  });
17
+ console.log('FilePicker', file);
17
18
  const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
18
19
  return (React.createElement("div", { className: className },
19
20
  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 })),
@@ -1 +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;"}
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;"}
@@ -13,7 +13,7 @@ export interface IFilePicker {
13
13
  id: string;
14
14
  name?: string;
15
15
  className?: string;
16
- onChange?: (file: IUseFilePickerOnChange) => void;
16
+ onChange?: (fileList: FileList | null) => void;
17
17
  allowedExtensions?: TFilesExtension[];
18
18
  initialFile?: TFilePickerFile;
19
19
  errors?: TControlErrors;
@@ -45,12 +45,8 @@ export interface IUseFilePicker {
45
45
  isPreview: boolean;
46
46
  isDragOver: boolean;
47
47
  }
48
- export declare type IUseFilePickerOnChange = {
49
- fileList: FileList | null;
50
- fileAsDataUrl?: string | ArrayBuffer | null;
51
- };
52
48
  export interface IUseFilePickerProps {
53
- onChange?: (file: IUseFilePickerOnChange) => void;
49
+ onChange?: (fileList: FileList | null) => void;
54
50
  initialFile?: TFilePickerFile;
55
51
  allowedExtensions?: TFilesExtension[];
56
52
  inputRef: React.RefObject<HTMLInputElement>;
@@ -1,27 +1,22 @@
1
- import { useState, useRef, useEffect } from 'react';
1
+ import { useState, useEffect } from 'react';
2
2
  import i18n from '../../i18n.js';
3
3
  import { MIME_TYPE_TO_FILE_EXTENSIONS, FILE_PICKER_ERROR } from './constants.js';
4
4
 
5
5
  const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
6
- const [fileList, setFileList] = useState(null);
7
6
  const [file, setFile] = useState(initialFile);
8
- const [fileAsDataUrl, setFileAsDataUrl] = useState(null);
9
7
  const [errors, setErrors] = useState([]);
10
8
  const [isDragOver, setDragOver] = useState(false);
11
9
  const [isPreview, setPreview] = useState(true);
12
- const reader = useRef(new FileReader());
13
10
  useEffect(() => {
14
11
  initialFile && setFile(initialFile);
15
- reader.current && getDataUrlFromFile(reader.current.result);
16
- reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
17
- return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
12
+ console.log('initialFile', initialFile);
13
+ return () => {
14
+ setFile(undefined);
15
+ };
18
16
  }, []);
19
17
  useEffect(() => {
20
18
  initialErrors && setErrors(initialErrors);
21
19
  }, [initialErrors]);
22
- useEffect(() => {
23
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl }));
24
- }, [fileAsDataUrl]);
25
20
  const onDropFile = (event) => {
26
21
  setErrors([]);
27
22
  event.stopPropagation();
@@ -53,25 +48,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
53
48
  };
54
49
  const updateFile = (files) => {
55
50
  if (files === null || files === void 0 ? void 0 : files.length) {
56
- setFileList(files);
57
- reader.current.readAsDataURL(files[0]);
58
51
  setFile({
59
52
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
60
53
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
61
54
  });
62
55
  const isValid = validateFileExtension(allowedExtensions, files[0].type);
63
56
  if (isValid)
64
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
57
+ onChange === null || onChange === void 0 ? void 0 : onChange(files);
65
58
  }
66
59
  else {
67
60
  setFile(undefined);
68
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
61
+ onChange === null || onChange === void 0 ? void 0 : onChange(files);
69
62
  }
70
63
  setPreview(true);
71
64
  };
72
- const getDataUrlFromFile = (fileReaderResult) => {
73
- setFileAsDataUrl(fileReaderResult);
74
- };
75
65
  const onDragOver = (event) => {
76
66
  event.stopPropagation();
77
67
  event.preventDefault();
@@ -85,12 +75,10 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
85
75
  };
86
76
  const onFileDelete = () => {
87
77
  inputRef.current.value = '';
88
- setFileList(null);
89
78
  setFile(undefined);
90
- setFileAsDataUrl(null);
91
79
  setPreview(true);
92
80
  setErrors([]);
93
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: null, fileAsDataUrl: null });
81
+ onChange === null || onChange === void 0 ? void 0 : onChange(null);
94
82
  };
95
83
  const onPreviewError = () => {
96
84
  setPreview(false);
@@ -1 +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;"}
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;"}
@@ -14,9 +14,8 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
14
14
  ] }) => {
15
15
  const httpApi = useHttpApi();
16
16
  const pendingRequestRef = React.useRef();
17
- const handleControlChange = async (file) => {
18
- const { fileList, fileAsDataUrl } = file;
19
- onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl });
17
+ const handleControlChange = async (fileList) => {
18
+ onChange === null || onChange === void 0 ? void 0 : onChange(fileList);
20
19
  if (!fileList || !fileList.length)
21
20
  return;
22
21
  if (pendingRequestRef.current) {
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.8.12-13",
5
+ "version": "2.8.12-15",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -44,7 +44,7 @@
44
44
  "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
45
45
  },
46
46
  "devDependencies": {
47
- "@dreamcommerce/utilities": "^1.10.0",
47
+ "@dreamcommerce/utilities": "^1.10.1",
48
48
  "@shoper/jest_config": "^0.0.0",
49
49
  "@shoper/tsconfig": "^0.0.0",
50
50
  "@storybook/react": "6.5.7",