@dreamcommerce/aurora 2.8.12-3 → 2.8.12-5

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +7 -5
  2. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +8 -6
  4. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -13,11 +13,13 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
13
13
  const [errors, setErrors] = React.useState([]);
14
14
  const [isDragOver, setDragOver] = React.useState(false);
15
15
  const [isPreview, setPreview] = React.useState(true);
16
- const reader = new FileReader();
16
+ const reader = React.useRef(new FileReader());
17
17
  React.useEffect(() => {
18
- initialFile && setFile(initialFile);
19
- reader.addEventListener('load', () => getDataUrlFromFile(reader.result), false);
20
- return () => reader.removeEventListener('load', () => getDataUrlFromFile(reader.result));
18
+ setFile(initialFile);
19
+ }, [initialFile]);
20
+ React.useEffect(() => {
21
+ reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
22
+ return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
21
23
  }, []);
22
24
  React.useEffect(() => {
23
25
  initialErrors && setErrors(initialErrors);
@@ -57,7 +59,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
57
59
  const updateFile = (files) => {
58
60
  if (files === null || files === void 0 ? void 0 : files.length) {
59
61
  setFileList(files);
60
- reader.readAsDataURL(files[0]);
62
+ reader.current.readAsDataURL(files[0]);
61
63
  setFile({
62
64
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
63
65
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map CHANGED
@@ -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;"}
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;AACA;"}
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -1,4 +1,4 @@
1
- import { useState, useEffect } from 'react';
1
+ import { useState, useRef, 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
 
@@ -9,11 +9,13 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
9
9
  const [errors, setErrors] = useState([]);
10
10
  const [isDragOver, setDragOver] = useState(false);
11
11
  const [isPreview, setPreview] = useState(true);
12
- const reader = new FileReader();
12
+ const reader = useRef(new FileReader());
13
13
  useEffect(() => {
14
- initialFile && setFile(initialFile);
15
- reader.addEventListener('load', () => getDataUrlFromFile(reader.result), false);
16
- return () => reader.removeEventListener('load', () => getDataUrlFromFile(reader.result));
14
+ setFile(initialFile);
15
+ }, [initialFile]);
16
+ useEffect(() => {
17
+ reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
18
+ return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
17
19
  }, []);
18
20
  useEffect(() => {
19
21
  initialErrors && setErrors(initialErrors);
@@ -53,7 +55,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
53
55
  const updateFile = (files) => {
54
56
  if (files === null || files === void 0 ? void 0 : files.length) {
55
57
  setFileList(files);
56
- reader.readAsDataURL(files[0]);
58
+ reader.current.readAsDataURL(files[0]);
57
59
  setFile({
58
60
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
59
61
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map CHANGED
@@ -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;"}
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;"}
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-3",
5
+ "version": "2.8.12-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",