@dreamcommerce/aurora 2.8.1-7 → 2.8.1-9

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 (9) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +8 -0
  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/image_picker/index.js +8 -4
  4. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  5. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +8 -0
  6. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/image_picker/index.js +9 -5
  8. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -11,10 +11,13 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
11
11
  const [errors, setErrors] = React.useState(initialErrors !== null && initialErrors !== void 0 ? initialErrors : []);
12
12
  const [isDragOver, setDragOver] = React.useState(false);
13
13
  const [isPreview, setPreview] = React.useState(true);
14
+ console.log('useFilePicker', initialErrors);
15
+ console.log('useFilePicker 2', errors);
14
16
  React.useEffect(() => {
15
17
  setFile(initialFile);
16
18
  }, [initialFile]);
17
19
  const onDropFile = (event) => {
20
+ console.log('onDropFile');
18
21
  setErrors([]);
19
22
  event.stopPropagation();
20
23
  event.preventDefault();
@@ -29,9 +32,12 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
29
32
  if (!allowedExtensions)
30
33
  return true;
31
34
  const isValid = allowedExtensions.reduce((acc, extension) => {
35
+ console.log('FileExtension - mimeType', mimeType);
36
+ console.log('FileExtension - extension', extension);
32
37
  return acc ? acc : constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
33
38
  }, false);
34
39
  if (isValid) {
40
+ console.log('isValid');
35
41
  setErrors([]);
36
42
  return isValid;
37
43
  }
@@ -40,6 +46,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
40
46
  return isValid;
41
47
  };
42
48
  const onFileChange = ({ target: { files } }) => {
49
+ console.log('onFileChange');
43
50
  setErrors([]);
44
51
  updateFile(files);
45
52
  };
@@ -72,6 +79,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
72
79
  };
73
80
  const onFileDelete = () => {
74
81
  inputRef.current.value = '';
82
+ console.log('onFileDelete');
75
83
  setFile(undefined);
76
84
  setPreview(true);
77
85
  setErrors([]);
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;"}
package/build/cjs/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
23
23
 
24
- const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExtensions = [
24
+ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors, allowedExtensions = [
25
25
  constants.FILES_EXTENSIONS.WEBP,
26
26
  constants.FILES_EXTENSIONS.JPG,
27
27
  constants.FILES_EXTENSIONS.PNG,
@@ -33,7 +33,7 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
33
33
  const inputRef = React.createRef();
34
34
  const [imageSize, setImageSize] = React.useState(undefined);
35
35
  const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = use_file_picker.useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
36
- console.log('ImagePicker 1', errors);
36
+ console.log('ImagePicker', initialErrors);
37
37
  const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
38
38
  const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
39
39
  const imagePickerWrapperClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePickerWrapper], file && main_module['default'][css_classes['default'].imagePickerWrapperHasFile], {
@@ -61,7 +61,6 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
61
61
  setImageSize(undefined);
62
62
  onFileDelete();
63
63
  };
64
- console.log('ImagePicker 2', errors);
65
64
  return (React__default['default'].createElement("div", { className: imagePickerClassName },
66
65
  React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
67
66
  file &&
@@ -71,7 +70,12 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
71
70
  React__default['default'].createElement(image_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
72
71
  React__default['default'].createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].imagePickerInput], accept: acceptFiles })),
73
72
  errors && React__default['default'].createElement(errors_list.ErrorsList, { errors: errors })));
74
- };
73
+ }, (prev, curr) => {
74
+ var _a, _b, _c, _d;
75
+ return (((_a = prev.initialFile) === null || _a === void 0 ? void 0 : _a.fileUrl) === ((_b = curr.initialFile) === null || _b === void 0 ? void 0 : _b.fileUrl) &&
76
+ ((_c = prev.initialFile) === null || _c === void 0 ? void 0 : _c.fileName) === ((_d = curr.initialFile) === null || _d === void 0 ? void 0 : _d.fileName) &&
77
+ prev.errors === curr.errors);
78
+ });
75
79
 
76
80
  exports.default = ImagePicker;
77
81
  //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/components/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,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;"}
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;"}
package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -7,10 +7,13 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
7
7
  const [errors, setErrors] = useState(initialErrors !== null && initialErrors !== void 0 ? initialErrors : []);
8
8
  const [isDragOver, setDragOver] = useState(false);
9
9
  const [isPreview, setPreview] = useState(true);
10
+ console.log('useFilePicker', initialErrors);
11
+ console.log('useFilePicker 2', errors);
10
12
  useEffect(() => {
11
13
  setFile(initialFile);
12
14
  }, [initialFile]);
13
15
  const onDropFile = (event) => {
16
+ console.log('onDropFile');
14
17
  setErrors([]);
15
18
  event.stopPropagation();
16
19
  event.preventDefault();
@@ -25,9 +28,12 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
25
28
  if (!allowedExtensions)
26
29
  return true;
27
30
  const isValid = allowedExtensions.reduce((acc, extension) => {
31
+ console.log('FileExtension - mimeType', mimeType);
32
+ console.log('FileExtension - extension', extension);
28
33
  return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
29
34
  }, false);
30
35
  if (isValid) {
36
+ console.log('isValid');
31
37
  setErrors([]);
32
38
  return isValid;
33
39
  }
@@ -36,6 +42,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
36
42
  return isValid;
37
43
  };
38
44
  const onFileChange = ({ target: { files } }) => {
45
+ console.log('onFileChange');
39
46
  setErrors([]);
40
47
  updateFile(files);
41
48
  };
@@ -68,6 +75,7 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
68
75
  };
69
76
  const onFileDelete = () => {
70
77
  inputRef.current.value = '';
78
+ console.log('onFileDelete');
71
79
  setFile(undefined);
72
80
  setPreview(true);
73
81
  setErrors([]);
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;"}
package/build/esm/packages/aurora/src/components/image_picker/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { createRef, useState, useEffect } from 'react';
1
+ import React, { memo, createRef, useState, useEffect } from 'react';
2
2
  import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
4
4
  import classnames from 'classnames';
@@ -12,7 +12,7 @@ import ImageInput from './components/image_input.js';
12
12
  import { ImagePreview } from './components/image_preview.js';
13
13
  import { UploadedImageItem } from './components/uploaded_image_item.js';
14
14
 
15
- const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExtensions = [
15
+ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowedExtensions = [
16
16
  FILES_EXTENSIONS.WEBP,
17
17
  FILES_EXTENSIONS.JPG,
18
18
  FILES_EXTENSIONS.PNG,
@@ -24,7 +24,7 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
24
24
  const inputRef = createRef();
25
25
  const [imageSize, setImageSize] = useState(undefined);
26
26
  const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver } = useFilePicker({ initialFile, onChange, allowedExtensions, initialErrors, onError, inputRef });
27
- console.log('ImagePicker 1', errors);
27
+ console.log('ImagePicker', initialErrors);
28
28
  const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
29
29
  const imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
30
30
  const imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], {
@@ -52,7 +52,6 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
52
52
  setImageSize(undefined);
53
53
  onFileDelete();
54
54
  };
55
- console.log('ImagePicker 2', errors);
56
55
  return (React.createElement("div", { className: imagePickerClassName },
57
56
  React.createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
58
57
  file &&
@@ -62,7 +61,12 @@ const ImagePicker = ({ id, onChange, onError, errors: initialErrors, allowedExte
62
61
  React.createElement(ImageInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile }),
63
62
  React.createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: styles[CSS_CLASSES.imagePickerInput], accept: acceptFiles })),
64
63
  errors && React.createElement(ErrorsList, { errors: errors })));
65
- };
64
+ }, (prev, curr) => {
65
+ var _a, _b, _c, _d;
66
+ return (((_a = prev.initialFile) === null || _a === void 0 ? void 0 : _a.fileUrl) === ((_b = curr.initialFile) === null || _b === void 0 ? void 0 : _b.fileUrl) &&
67
+ ((_c = prev.initialFile) === null || _c === void 0 ? void 0 : _c.fileName) === ((_d = curr.initialFile) === null || _d === void 0 ? void 0 : _d.fileName) &&
68
+ prev.errors === curr.errors);
69
+ });
66
70
 
67
71
  export default ImagePicker;
68
72
  //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/components/image_picker/index.js.map CHANGED
@@ -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;"}
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;"}
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-7",
5
+ "version": "2.8.1-9",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",