@dreamcommerce/aurora 2.8.4-6 → 2.8.4-8

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.
@@ -12,6 +12,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
12
12
  const [isDragOver, setDragOver] = React.useState(false);
13
13
  const [isPreview, setPreview] = React.useState(true);
14
14
  React.useEffect(() => {
15
+ console.log('useEffect - set');
15
16
  setFile(initialFile);
16
17
  }, [initialFile]);
17
18
  React.useEffect(() => {
@@ -48,6 +49,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
48
49
  };
49
50
  const updateFile = (files) => {
50
51
  if (files === null || files === void 0 ? void 0 : files.length) {
52
+ console.log('updateFile - set1');
51
53
  setFile({
52
54
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
53
55
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
@@ -57,6 +59,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
57
59
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
58
60
  }
59
61
  else {
62
+ console.log('updateFile - set2');
60
63
  setFile(undefined);
61
64
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
62
65
  }
@@ -76,10 +79,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
76
79
  const onFileDelete = () => {
77
80
  inputRef.current.value = '';
78
81
  setFile(undefined);
82
+ console.log('onFileDelete - set');
79
83
  setPreview(true);
80
84
  setErrors([]);
81
85
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
82
- console.log('onFileDelete - file', file);
86
+ console.log('onFileDelete - 2', file);
83
87
  };
84
88
  const onPreviewError = () => {
85
89
  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;"}
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;"}
@@ -32,6 +32,14 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
32
32
  const [t] = useTranslation.useTranslation();
33
33
  const inputRef = React.createRef();
34
34
  const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = use_file_picker.useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
35
+ const [testFile, setTestFile] = React.useState(file);
36
+ React.useEffect(() => {
37
+ console.log('ImagePicker - file', file);
38
+ setTestFile(file);
39
+ }, [file]);
40
+ React.useEffect(() => {
41
+ console.log('ImagePicker - testFile', testFile);
42
+ }, [testFile]);
35
43
  const [imageSize, setImageSize] = React.useState(undefined);
36
44
  const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
37
45
  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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,6 +8,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
8
8
  const [isDragOver, setDragOver] = useState(false);
9
9
  const [isPreview, setPreview] = useState(true);
10
10
  useEffect(() => {
11
+ console.log('useEffect - set');
11
12
  setFile(initialFile);
12
13
  }, [initialFile]);
13
14
  useEffect(() => {
@@ -44,6 +45,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
44
45
  };
45
46
  const updateFile = (files) => {
46
47
  if (files === null || files === void 0 ? void 0 : files.length) {
48
+ console.log('updateFile - set1');
47
49
  setFile({
48
50
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
49
51
  fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
@@ -53,6 +55,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
53
55
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
54
56
  }
55
57
  else {
58
+ console.log('updateFile - set2');
56
59
  setFile(undefined);
57
60
  onChange === null || onChange === void 0 ? void 0 : onChange(files);
58
61
  }
@@ -72,10 +75,11 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
72
75
  const onFileDelete = () => {
73
76
  inputRef.current.value = '';
74
77
  setFile(undefined);
78
+ console.log('onFileDelete - set');
75
79
  setPreview(true);
76
80
  setErrors([]);
77
81
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
78
- console.log('onFileDelete - file', file);
82
+ console.log('onFileDelete - 2', file);
79
83
  };
80
84
  const onPreviewError = () => {
81
85
  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;"}
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;"}
@@ -23,6 +23,14 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
23
23
  const [t] = useTranslation();
24
24
  const inputRef = createRef();
25
25
  const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
26
+ const [testFile, setTestFile] = useState(file);
27
+ useEffect(() => {
28
+ console.log('ImagePicker - file', file);
29
+ setTestFile(file);
30
+ }, [file]);
31
+ useEffect(() => {
32
+ console.log('ImagePicker - testFile', testFile);
33
+ }, [testFile]);
26
34
  const [imageSize, setImageSize] = useState(undefined);
27
35
  const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
28
36
  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;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;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.4-6",
5
+ "version": "2.8.4-8",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",