@dreamcommerce/aurora 2.8.1-27 → 2.8.1-28

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.
@@ -11,7 +11,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
11
11
  const [errors, setErrors] = React.useState([]);
12
12
  const [isDragOver, setDragOver] = React.useState(false);
13
13
  const [isPreview, setPreview] = React.useState(true);
14
- const [imageSize, setImageSize] = React.useState(undefined);
15
14
  React.useEffect(() => {
16
15
  setFile(initialFile);
17
16
  }, [initialFile]);
@@ -45,20 +44,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
45
44
  return isValid;
46
45
  };
47
46
  const onFileChange = ({ target: { files } }) => {
48
- files && getImageSize(files[0]);
49
47
  setErrors([]);
50
48
  updateFile(files);
51
49
  };
52
- const getImageSize = (file) => {
53
- const img = document.createElement('img');
54
- const objectURL = URL.createObjectURL(file);
55
- img.onload = function handleLoad() {
56
- setImageSize({ width: img.width, height: img.height });
57
- console.log('getImageSize', imageSize);
58
- URL.revokeObjectURL(objectURL);
59
- };
60
- img.src = objectURL;
61
- };
62
50
  const updateFile = (files) => {
63
51
  if (files === null || files === void 0 ? void 0 : files.length) {
64
52
  setFile({
@@ -91,7 +79,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
91
79
  setFile(undefined);
92
80
  setPreview(true);
93
81
  setErrors([]);
94
- setImageSize(undefined);
95
82
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
96
83
  };
97
84
  const onPreviewError = () => {
@@ -106,7 +93,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
106
93
  onPreviewError,
107
94
  file,
108
95
  errors,
109
- imageSize,
110
96
  isPreview,
111
97
  isDragOver
112
98
  };
@@ -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;"}
@@ -40,7 +40,10 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
40
40
  setErrorsToDisplay(errors);
41
41
  }, [errors]);
42
42
  React.useEffect(() => {
43
- console.log('errorsToDisplay', errorsToDisplay);
43
+ console.log('ImagePicker- initialErrors', initialErrors);
44
+ }, [initialErrors]);
45
+ React.useEffect(() => {
46
+ console.log('ImagePicker - errorsToDisplay', errorsToDisplay);
44
47
  }, [errorsToDisplay]);
45
48
  const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
46
49
  const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
@@ -1 +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;"}
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;"}
@@ -1,14 +1,10 @@
1
- import { FILES_EXTENSIONS, MIME_FILE_EXTENSIONS } from "./constants";
2
1
  import React, { ChangeEvent } from 'react';
2
+ import { FILES_EXTENSIONS, MIME_FILE_EXTENSIONS } from "./constants";
3
3
  import { TControlErrors } from "../controls/types";
4
4
  export declare type TFilePickerFile = {
5
5
  fileUrl: string;
6
6
  fileName: string;
7
7
  };
8
- export declare type TFilePickerImageSize = {
9
- width: number;
10
- height: number;
11
- };
12
8
  export interface IFilePicker {
13
9
  id: string;
14
10
  name?: string;
@@ -42,7 +38,6 @@ export interface IUseFilePicker {
42
38
  onPreviewError: () => void;
43
39
  file: TFilePickerFile | undefined;
44
40
  errors: string[];
45
- imageSize: TFilePickerImageSize | undefined;
46
41
  isPreview: boolean;
47
42
  isDragOver: boolean;
48
43
  }
@@ -1,4 +1,4 @@
1
- import '@auroraComponents/file_picker/constants';
2
1
  import 'react';
2
+ import '@auroraComponents/file_picker/constants';
3
3
  import '@auroraComponents/controls/types';
4
4
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/file_picker/types.ts"],"names":[],"mappings":"AAAA,OAAuD,yCAAyC,CAAC;AACjG,OAAmC,OAAO,CAAC;AAE3C,OAA+B,kCAAkC,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/file_picker/types.ts"],"names":[],"mappings":"AAAA,OAAmC,OAAO,CAAC;AAC3C,OAAuD,yCAAyC,CAAC;AACjG,OAA+B,kCAAkC,CAAC"}
@@ -7,7 +7,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
7
7
  const [errors, setErrors] = useState([]);
8
8
  const [isDragOver, setDragOver] = useState(false);
9
9
  const [isPreview, setPreview] = useState(true);
10
- const [imageSize, setImageSize] = useState(undefined);
11
10
  useEffect(() => {
12
11
  setFile(initialFile);
13
12
  }, [initialFile]);
@@ -41,20 +40,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
41
40
  return isValid;
42
41
  };
43
42
  const onFileChange = ({ target: { files } }) => {
44
- files && getImageSize(files[0]);
45
43
  setErrors([]);
46
44
  updateFile(files);
47
45
  };
48
- const getImageSize = (file) => {
49
- const img = document.createElement('img');
50
- const objectURL = URL.createObjectURL(file);
51
- img.onload = function handleLoad() {
52
- setImageSize({ width: img.width, height: img.height });
53
- console.log('getImageSize', imageSize);
54
- URL.revokeObjectURL(objectURL);
55
- };
56
- img.src = objectURL;
57
- };
58
46
  const updateFile = (files) => {
59
47
  if (files === null || files === void 0 ? void 0 : files.length) {
60
48
  setFile({
@@ -87,7 +75,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
87
75
  setFile(undefined);
88
76
  setPreview(true);
89
77
  setErrors([]);
90
- setImageSize(undefined);
91
78
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
92
79
  };
93
80
  const onPreviewError = () => {
@@ -102,7 +89,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
102
89
  onPreviewError,
103
90
  file,
104
91
  errors,
105
- imageSize,
106
92
  isPreview,
107
93
  isDragOver
108
94
  };
@@ -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;"}
@@ -31,7 +31,10 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
31
31
  setErrorsToDisplay(errors);
32
32
  }, [errors]);
33
33
  useEffect(() => {
34
- console.log('errorsToDisplay', errorsToDisplay);
34
+ console.log('ImagePicker- initialErrors', initialErrors);
35
+ }, [initialErrors]);
36
+ useEffect(() => {
37
+ console.log('ImagePicker - errorsToDisplay', errorsToDisplay);
35
38
  }, [errorsToDisplay]);
36
39
  const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
37
40
  const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
@@ -1 +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;"}
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;"}
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-27",
5
+ "version": "2.8.1-28",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",