@dreamcommerce/aurora 2.8.1-16 → 2.8.1-18

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 +15 -2
  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 +15 -2
  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,8 +13,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
13
13
  const [isPreview, setPreview] = React.useState(true);
14
14
  React.useEffect(() => {
15
15
  setFile(initialFile);
16
+ }, [initialFile]);
17
+ React.useEffect(() => {
18
+ console.log('initialErrors', initialErrors);
16
19
  initialErrors && setErrors(initialErrors);
17
- }, [initialFile, initialErrors]);
20
+ }, [initialErrors]);
18
21
  const onDropFile = (event) => {
19
22
  setErrors([]);
20
23
  event.stopPropagation();
@@ -41,16 +44,26 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
41
44
  return isValid;
42
45
  };
43
46
  const onFileChange = ({ target: { files } }) => {
47
+ files && getFileSize(files[0]);
44
48
  setErrors([]);
45
49
  updateFile(files);
46
50
  };
51
+ const getFileSize = (file) => {
52
+ console.log('file', file);
53
+ const img = document.createElement('img');
54
+ const objectURL = URL.createObjectURL(file);
55
+ img.onload = function handleLoad() {
56
+ console.log(`Width: ${img.width}, Height: ${img.height}`);
57
+ URL.revokeObjectURL(objectURL);
58
+ };
59
+ img.src = objectURL;
60
+ };
47
61
  const updateFile = (files) => {
48
62
  if (files === null || files === void 0 ? void 0 : files.length) {
49
63
  setFile({
50
64
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
51
65
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
52
66
  });
53
- console.log('updateFile', files === null || files === void 0 ? void 0 : files[0]);
54
67
  const isValid = validateFileExtension(allowedExtensions, files[0].type);
55
68
  if (isValid)
56
69
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
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;"}
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;"}
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -9,8 +9,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
9
9
  const [isPreview, setPreview] = useState(true);
10
10
  useEffect(() => {
11
11
  setFile(initialFile);
12
+ }, [initialFile]);
13
+ useEffect(() => {
14
+ console.log('initialErrors', initialErrors);
12
15
  initialErrors && setErrors(initialErrors);
13
- }, [initialFile, initialErrors]);
16
+ }, [initialErrors]);
14
17
  const onDropFile = (event) => {
15
18
  setErrors([]);
16
19
  event.stopPropagation();
@@ -37,16 +40,26 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
37
40
  return isValid;
38
41
  };
39
42
  const onFileChange = ({ target: { files } }) => {
43
+ files && getFileSize(files[0]);
40
44
  setErrors([]);
41
45
  updateFile(files);
42
46
  };
47
+ const getFileSize = (file) => {
48
+ console.log('file', file);
49
+ const img = document.createElement('img');
50
+ const objectURL = URL.createObjectURL(file);
51
+ img.onload = function handleLoad() {
52
+ console.log(`Width: ${img.width}, Height: ${img.height}`);
53
+ URL.revokeObjectURL(objectURL);
54
+ };
55
+ img.src = objectURL;
56
+ };
43
57
  const updateFile = (files) => {
44
58
  if (files === null || files === void 0 ? void 0 : files.length) {
45
59
  setFile({
46
60
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
47
61
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
48
62
  });
49
- console.log('updateFile', files === null || files === void 0 ? void 0 : files[0]);
50
63
  const isValid = validateFileExtension(allowedExtensions, files[0].type);
51
64
  if (isValid)
52
65
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
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;"}
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;"}
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.1-16",
5
+ "version": "2.8.1-18",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",