@dreamcommerce/aurora 2.8.1-2 → 2.8.1-21

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 (12) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +22 -1
  2. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +0 -1
  4. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +6 -1
  6. package/build/esm/packages/aurora/src/components/file_picker/types.js +1 -1
  7. package/build/esm/packages/aurora/src/components/file_picker/types.js.map +1 -1
  8. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +22 -1
  9. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +0 -1
  11. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  12. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -8,12 +8,20 @@ var constants = require('./constants.js');
8
8
 
9
9
  const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
10
10
  const [file, setFile] = React.useState(initialFile);
11
- const [errors, setErrors] = React.useState(initialErrors !== null && initialErrors !== void 0 ? initialErrors : []);
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);
14
15
  React.useEffect(() => {
15
16
  setFile(initialFile);
16
17
  }, [initialFile]);
18
+ React.useEffect(() => {
19
+ console.log('initialErrors', initialErrors);
20
+ initialErrors && setErrors(initialErrors);
21
+ }, [initialErrors]);
22
+ React.useEffect(() => {
23
+ console.log('errors', errors);
24
+ }, [errors]);
17
25
  const onDropFile = (event) => {
18
26
  setErrors([]);
19
27
  event.stopPropagation();
@@ -40,9 +48,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
40
48
  return isValid;
41
49
  };
42
50
  const onFileChange = ({ target: { files } }) => {
51
+ files && getImageSize(files[0]);
43
52
  setErrors([]);
44
53
  updateFile(files);
45
54
  };
55
+ const getImageSize = (file) => {
56
+ const img = document.createElement('img');
57
+ const objectURL = URL.createObjectURL(file);
58
+ img.onload = function handleLoad() {
59
+ setImageSize({ width: img.width, height: img.height });
60
+ console.log('imageSize', imageSize);
61
+ URL.revokeObjectURL(objectURL);
62
+ };
63
+ img.src = objectURL;
64
+ };
46
65
  const updateFile = (files) => {
47
66
  if (files === null || files === void 0 ? void 0 : files.length) {
48
67
  setFile({
@@ -75,6 +94,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
75
94
  setFile(undefined);
76
95
  setPreview(true);
77
96
  setErrors([]);
97
+ setImageSize(undefined);
78
98
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
79
99
  };
80
100
  const onPreviewError = () => {
@@ -89,6 +109,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
89
109
  onPreviewError,
90
110
  file,
91
111
  errors,
112
+ imageSize,
92
113
  isPreview,
93
114
  isDragOver
94
115
  };
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;"}
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;AACA;"}
package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js CHANGED
@@ -42,7 +42,6 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
42
42
  React.useEffect(() => {
43
43
  return () => { var _a; return (_a = pendingRequestRef.current) === null || _a === void 0 ? void 0 : _a.call(pendingRequestRef); };
44
44
  }, []);
45
- console.log('XhrImagePicker', errors);
46
45
  return (React__default['default'].createElement(index['default'], { id: id, name: name, onChange: handleControlChange, onError: onError, errors: errors, allowedExtensions: allowedExtensions, initialFile: initialFile, onImageSizeUpdated: onImageSizeUpdated }));
47
46
  };
48
47
 
package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.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;"}
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;"}
package/build/esm/packages/aurora/src/components/file_picker/types.d.ts CHANGED
@@ -1,10 +1,14 @@
1
- import React, { ChangeEvent } from 'react';
2
1
  import { FILES_EXTENSIONS, MIME_FILE_EXTENSIONS } from "./constants";
2
+ import React, { ChangeEvent } from 'react';
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
+ };
8
12
  export interface IFilePicker {
9
13
  id: string;
10
14
  name?: string;
@@ -38,6 +42,7 @@ export interface IUseFilePicker {
38
42
  onPreviewError: () => void;
39
43
  file: TFilePickerFile | undefined;
40
44
  errors: string[];
45
+ imageSize: TFilePickerImageSize | undefined;
41
46
  isPreview: boolean;
42
47
  isDragOver: boolean;
43
48
  }
package/build/esm/packages/aurora/src/components/file_picker/types.js CHANGED
@@ -1,4 +1,4 @@
1
- import 'react';
2
1
  import '@auroraComponents/file_picker/constants';
2
+ import 'react';
3
3
  import '@auroraComponents/controls/types';
4
4
  //# sourceMappingURL=types.js.map
package/build/esm/packages/aurora/src/components/file_picker/types.js.map CHANGED
@@ -1 +1 @@
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"}
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"}
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -4,12 +4,20 @@ 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
6
  const [file, setFile] = useState(initialFile);
7
- const [errors, setErrors] = useState(initialErrors !== null && initialErrors !== void 0 ? initialErrors : []);
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);
10
11
  useEffect(() => {
11
12
  setFile(initialFile);
12
13
  }, [initialFile]);
14
+ useEffect(() => {
15
+ console.log('initialErrors', initialErrors);
16
+ initialErrors && setErrors(initialErrors);
17
+ }, [initialErrors]);
18
+ useEffect(() => {
19
+ console.log('errors', errors);
20
+ }, [errors]);
13
21
  const onDropFile = (event) => {
14
22
  setErrors([]);
15
23
  event.stopPropagation();
@@ -36,9 +44,20 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
36
44
  return isValid;
37
45
  };
38
46
  const onFileChange = ({ target: { files } }) => {
47
+ files && getImageSize(files[0]);
39
48
  setErrors([]);
40
49
  updateFile(files);
41
50
  };
51
+ const getImageSize = (file) => {
52
+ const img = document.createElement('img');
53
+ const objectURL = URL.createObjectURL(file);
54
+ img.onload = function handleLoad() {
55
+ setImageSize({ width: img.width, height: img.height });
56
+ console.log('imageSize', imageSize);
57
+ URL.revokeObjectURL(objectURL);
58
+ };
59
+ img.src = objectURL;
60
+ };
42
61
  const updateFile = (files) => {
43
62
  if (files === null || files === void 0 ? void 0 : files.length) {
44
63
  setFile({
@@ -71,6 +90,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
71
90
  setFile(undefined);
72
91
  setPreview(true);
73
92
  setErrors([]);
93
+ setImageSize(undefined);
74
94
  onChange === null || onChange === void 0 ? void 0 : onChange(null);
75
95
  };
76
96
  const onPreviewError = () => {
@@ -85,6 +105,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
85
105
  onPreviewError,
86
106
  file,
87
107
  errors,
108
+ imageSize,
88
109
  isPreview,
89
110
  isDragOver
90
111
  };
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;"}
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;"}
package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js CHANGED
@@ -34,7 +34,6 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
34
34
  useEffect(() => {
35
35
  return () => { var _a; return (_a = pendingRequestRef.current) === null || _a === void 0 ? void 0 : _a.call(pendingRequestRef); };
36
36
  }, []);
37
- console.log('XhrImagePicker', errors);
38
37
  return (React.createElement(ImagePicker, { id: id, name: name, onChange: handleControlChange, onError: onError, errors: errors, allowedExtensions: allowedExtensions, initialFile: initialFile, onImageSizeUpdated: onImageSizeUpdated }));
39
38
  };
40
39
 
package/build/esm/packages/aurora/src/components/xhr_image_picker/index.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;"}
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.1-2",
5
+ "version": "2.8.1-21",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",