@dreamcommerce/aurora 2.19.0-1 → 2.19.0-2

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 (13) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +24 -17
  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 +20 -6
  4. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +8 -13
  6. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +24 -17
  8. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  9. package/build/esm/packages/aurora/src/components/image_picker/index.js +21 -7
  10. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +8 -13
  12. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  13. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js CHANGED
@@ -46,15 +46,16 @@ var useFilePicker = function useFilePicker(_ref) {
46
46
  setPreview = _useState12[1];
47
47
 
48
48
  var reader = React.useRef(new FileReader());
49
+ var isMounted = React.useRef(true); // Nowy ref do śledzenia czy komponent jest zamontowany
50
+
49
51
  React.useEffect(function () {
50
- reader.current && getDataUrlFromFile(reader.current.result);
51
- reader.current.addEventListener('load', function () {
52
- return getDataUrlFromFile(reader.current.result);
53
- }, false);
52
+ isMounted.current = true; // Ustawienie ref na true podczas montowania komponentu
53
+
54
+ reader.current.addEventListener('load', handleFileRead, false);
54
55
  return function () {
55
- return reader.current.removeEventListener('load', function () {
56
- return getDataUrlFromFile(reader.current.result);
57
- });
56
+ isMounted.current = false; // Ustawienie ref na false podczas odmontowywania komponentu
57
+
58
+ reader.current.removeEventListener('load', handleFileRead);
58
59
  };
59
60
  }, []);
60
61
  React.useEffect(function () {
@@ -64,12 +65,20 @@ var useFilePicker = function useFilePicker(_ref) {
64
65
  initialErrors && setErrors(initialErrors);
65
66
  }, [initialErrors]);
66
67
  React.useEffect(function () {
67
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
68
- fileList: fileList,
69
- fileAsDataUrl: fileAsDataUrl
70
- }));
68
+ if (fileAsDataUrl && isMounted.current) {
69
+ onChange === null || onChange === void 0 || onChange({
70
+ fileList: fileList,
71
+ fileAsDataUrl: fileAsDataUrl
72
+ });
73
+ }
71
74
  }, [fileAsDataUrl]);
72
75
 
76
+ var handleFileRead = function handleFileRead() {
77
+ if (isMounted.current) {
78
+ setFileAsDataUrl(reader.current.result);
79
+ }
80
+ };
81
+
73
82
  var onDropFile = function onDropFile(event) {
74
83
  setErrors([]);
75
84
  event.stopPropagation();
@@ -116,22 +125,20 @@ var useFilePicker = function useFilePicker(_ref) {
116
125
  });
117
126
  var isValid = validateFileExtension(allowedExtensions, files[0].type);
118
127
  if (isValid) onChange === null || onChange === void 0 || onChange({
119
- fileList: files
128
+ fileList: files,
129
+ fileAsDataUrl: reader.current.result
120
130
  });
121
131
  } else {
122
132
  setFile(undefined);
123
133
  onChange === null || onChange === void 0 || onChange({
124
- fileList: files
134
+ fileList: files,
135
+ fileAsDataUrl: null
125
136
  });
126
137
  }
127
138
 
128
139
  setPreview(true);
129
140
  };
130
141
 
131
- var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
132
- setFileAsDataUrl(fileReaderResult);
133
- };
134
-
135
142
  var onDragOver = function onDragOver(event) {
136
143
  event.stopPropagation();
137
144
  event.preventDefault();
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -42,6 +42,13 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
42
42
  t = _useTranslation2[0];
43
43
 
44
44
  var inputRef = /*#__PURE__*/React.createRef();
45
+ var isMounted = React.useRef(true);
46
+ React.useEffect(function () {
47
+ isMounted.current = true;
48
+ return function () {
49
+ isMounted.current = false;
50
+ };
51
+ }, []);
45
52
 
46
53
  var handleOnChange = function handleOnChange(ev) {
47
54
  var _ev$fileList;
@@ -82,10 +89,14 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
82
89
  var imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
83
90
  var imagePickerWrapperClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePickerWrapper], file && main_module['default'][css_classes['default'].imagePickerWrapperHasFile], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes['default'].imagePickerWrapperError], errors.length));
84
91
  React.useEffect(function () {
85
- onImageSizeUpdated === null || onImageSizeUpdated === void 0 || onImageSizeUpdated(imageSize);
92
+ if (isMounted.current) {
93
+ onImageSizeUpdated === null || onImageSizeUpdated === void 0 || onImageSizeUpdated(imageSize);
94
+ }
86
95
  }, [imageSize]);
87
96
  React.useEffect(function () {
88
- initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
97
+ if (initialFile) {
98
+ setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
99
+ }
89
100
  }, [initialFile]);
90
101
  React.useEffect(function () {
91
102
  if (!editedImageResult) return;
@@ -100,11 +111,14 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
100
111
  };
101
112
 
102
113
  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
114
+ console.log('fileUrl', fileUrl);
103
115
  createImageFromUrl(fileUrl).then(function (image) {
104
- setImageSize({
105
- width: image.naturalWidth,
106
- height: image.naturalHeight
107
- });
116
+ if (isMounted.current) {
117
+ setImageSize({
118
+ width: image.naturalWidth,
119
+ height: image.naturalHeight
120
+ });
121
+ }
108
122
  });
109
123
  };
110
124
 
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;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -99,7 +99,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
99
99
  return _context.abrupt("return");
100
100
 
101
101
  case 9:
102
- // setIsLoading(true);
102
+ setIsLoading(true);
103
+
103
104
  if (pendingRequestRef.current) {
104
105
  pendingRequestRef.current();
105
106
  pendingRequestRef.current = undefined;
@@ -111,20 +112,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
111
112
  data: fileList[0]
112
113
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
113
114
  pendingRequestRef.current = cancelRequest;
114
- _context.next = 14;
115
+ _context.next = 15;
115
116
  return response;
116
117
 
117
- case 14:
118
+ case 15:
118
119
  responseObject = _context.sent;
119
- // setIsLoading(false);
120
120
  console.log('handleControlChange - responseObject:', responseObject);
121
121
  onUploaded === null || onUploaded === void 0 || onUploaded({
122
122
  fileList: fileList,
123
123
  dataUrl: fileAsDataUrl,
124
124
  imageId: responseObject.data.imageId
125
125
  });
126
+ setIsLoading(false);
126
127
 
127
- case 17:
128
+ case 19:
128
129
  case "end":
129
130
  return _context.stop();
130
131
  }
@@ -173,13 +174,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
173
174
  };
174
175
  }();
175
176
 
176
- console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
177
- console.log('image.name', image === null || image === void 0 ? void 0 : image.name);
178
177
  if (!initialImageFile.current) return;
179
- setFileFromUrl(initialImageFile.current); // !initialImageFile.current
180
- // ? image && setFileFromUrl({ fileName: image.name, fileUrl: image.webkitRelativePath })
181
- // : setFileFromUrl(initialImageFile.current);
182
-
178
+ setFileFromUrl(initialImageFile.current);
183
179
  return function () {
184
180
  var _pendingRequestRef$cu;
185
181
 
@@ -193,14 +189,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
193
189
  console.log('useEffect - src:', src !== null && src !== void 0 ? src : '');
194
190
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
195
191
  }, [image, initialImage]);
196
- console.log('useEffect - setImageEditorSrc(src ?? ""):', imageEditorSrc);
197
192
 
198
193
  var renderImageEditor = function renderImageEditor(defaultProps) {
199
194
  console.log('renderImageEditor - defaultProps:', defaultProps);
200
195
  return ImageEditor ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps))) : null;
201
196
  };
202
197
 
203
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
198
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isLoading ? /*#__PURE__*/React__default['default'].createElement("div", null, t('File transfer...')) : /*#__PURE__*/React__default['default'].createElement(index['default'], {
204
199
  id: id,
205
200
  name: name,
206
201
  onChange: handleControlChange,
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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -42,15 +42,16 @@ var useFilePicker = function useFilePicker(_ref) {
42
42
  setPreview = _useState12[1];
43
43
 
44
44
  var reader = useRef(new FileReader());
45
+ var isMounted = useRef(true); // Nowy ref do śledzenia czy komponent jest zamontowany
46
+
45
47
  useEffect(function () {
46
- reader.current && getDataUrlFromFile(reader.current.result);
47
- reader.current.addEventListener('load', function () {
48
- return getDataUrlFromFile(reader.current.result);
49
- }, false);
48
+ isMounted.current = true; // Ustawienie ref na true podczas montowania komponentu
49
+
50
+ reader.current.addEventListener('load', handleFileRead, false);
50
51
  return function () {
51
- return reader.current.removeEventListener('load', function () {
52
- return getDataUrlFromFile(reader.current.result);
53
- });
52
+ isMounted.current = false; // Ustawienie ref na false podczas odmontowywania komponentu
53
+
54
+ reader.current.removeEventListener('load', handleFileRead);
54
55
  };
55
56
  }, []);
56
57
  useEffect(function () {
@@ -60,12 +61,20 @@ var useFilePicker = function useFilePicker(_ref) {
60
61
  initialErrors && setErrors(initialErrors);
61
62
  }, [initialErrors]);
62
63
  useEffect(function () {
63
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
64
- fileList: fileList,
65
- fileAsDataUrl: fileAsDataUrl
66
- }));
64
+ if (fileAsDataUrl && isMounted.current) {
65
+ onChange === null || onChange === void 0 || onChange({
66
+ fileList: fileList,
67
+ fileAsDataUrl: fileAsDataUrl
68
+ });
69
+ }
67
70
  }, [fileAsDataUrl]);
68
71
 
72
+ var handleFileRead = function handleFileRead() {
73
+ if (isMounted.current) {
74
+ setFileAsDataUrl(reader.current.result);
75
+ }
76
+ };
77
+
69
78
  var onDropFile = function onDropFile(event) {
70
79
  setErrors([]);
71
80
  event.stopPropagation();
@@ -112,22 +121,20 @@ var useFilePicker = function useFilePicker(_ref) {
112
121
  });
113
122
  var isValid = validateFileExtension(allowedExtensions, files[0].type);
114
123
  if (isValid) onChange === null || onChange === void 0 || onChange({
115
- fileList: files
124
+ fileList: files,
125
+ fileAsDataUrl: reader.current.result
116
126
  });
117
127
  } else {
118
128
  setFile(undefined);
119
129
  onChange === null || onChange === void 0 || onChange({
120
- fileList: files
130
+ fileList: files,
131
+ fileAsDataUrl: null
121
132
  });
122
133
  }
123
134
 
124
135
  setPreview(true);
125
136
  };
126
137
 
127
- var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
128
- setFileAsDataUrl(fileReaderResult);
129
- };
130
-
131
138
  var onDragOver = function onDragOver(event) {
132
139
  event.stopPropagation();
133
140
  event.preventDefault();
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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, { memo, useState, useEffect, createRef } from 'react';
1
+ import React, { memo, useRef, useEffect, useState, createRef } from 'react';
2
2
  import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
4
  import { FILES_EXTENSIONS } from '../file_picker/constants.js';
@@ -33,6 +33,13 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
33
33
  t = _useTranslation2[0];
34
34
 
35
35
  var inputRef = /*#__PURE__*/createRef();
36
+ var isMounted = useRef(true);
37
+ useEffect(function () {
38
+ isMounted.current = true;
39
+ return function () {
40
+ isMounted.current = false;
41
+ };
42
+ }, []);
36
43
 
37
44
  var handleOnChange = function handleOnChange(ev) {
38
45
  var _ev$fileList;
@@ -73,10 +80,14 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
73
80
  var imagePickerClassName = classnames(styles[CSS_CLASSES.imagePicker], className && className);
74
81
  var imagePickerWrapperClassName = classnames(styles[CSS_CLASSES.imagePickerWrapper], file && styles[CSS_CLASSES.imagePickerWrapperHasFile], _defineProperty({}, styles[CSS_CLASSES.imagePickerWrapperError], errors.length));
75
82
  useEffect(function () {
76
- onImageSizeUpdated === null || onImageSizeUpdated === void 0 || onImageSizeUpdated(imageSize);
83
+ if (isMounted.current) {
84
+ onImageSizeUpdated === null || onImageSizeUpdated === void 0 || onImageSizeUpdated(imageSize);
85
+ }
77
86
  }, [imageSize]);
78
87
  useEffect(function () {
79
- initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
88
+ if (initialFile) {
89
+ setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
90
+ }
80
91
  }, [initialFile]);
81
92
  useEffect(function () {
82
93
  if (!editedImageResult) return;
@@ -91,11 +102,14 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
91
102
  };
92
103
 
93
104
  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
105
+ console.log('fileUrl', fileUrl);
94
106
  createImageFromUrl(fileUrl).then(function (image) {
95
- setImageSize({
96
- width: image.naturalWidth,
97
- height: image.naturalHeight
98
- });
107
+ if (isMounted.current) {
108
+ setImageSize({
109
+ width: image.naturalWidth,
110
+ height: image.naturalHeight
111
+ });
112
+ }
99
113
  });
100
114
  };
101
115
 
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;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -91,7 +91,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
91
91
  return _context.abrupt("return");
92
92
 
93
93
  case 9:
94
- // setIsLoading(true);
94
+ setIsLoading(true);
95
+
95
96
  if (pendingRequestRef.current) {
96
97
  pendingRequestRef.current();
97
98
  pendingRequestRef.current = undefined;
@@ -103,20 +104,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
103
104
  data: fileList[0]
104
105
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
105
106
  pendingRequestRef.current = cancelRequest;
106
- _context.next = 14;
107
+ _context.next = 15;
107
108
  return response;
108
109
 
109
- case 14:
110
+ case 15:
110
111
  responseObject = _context.sent;
111
- // setIsLoading(false);
112
112
  console.log('handleControlChange - responseObject:', responseObject);
113
113
  onUploaded === null || onUploaded === void 0 || onUploaded({
114
114
  fileList: fileList,
115
115
  dataUrl: fileAsDataUrl,
116
116
  imageId: responseObject.data.imageId
117
117
  });
118
+ setIsLoading(false);
118
119
 
119
- case 17:
120
+ case 19:
120
121
  case "end":
121
122
  return _context.stop();
122
123
  }
@@ -165,13 +166,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
165
166
  };
166
167
  }();
167
168
 
168
- console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
169
- console.log('image.name', image === null || image === void 0 ? void 0 : image.name);
170
169
  if (!initialImageFile.current) return;
171
- setFileFromUrl(initialImageFile.current); // !initialImageFile.current
172
- // ? image && setFileFromUrl({ fileName: image.name, fileUrl: image.webkitRelativePath })
173
- // : setFileFromUrl(initialImageFile.current);
174
-
170
+ setFileFromUrl(initialImageFile.current);
175
171
  return function () {
176
172
  var _pendingRequestRef$cu;
177
173
 
@@ -185,14 +181,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
185
181
  console.log('useEffect - src:', src !== null && src !== void 0 ? src : '');
186
182
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
187
183
  }, [image, initialImage]);
188
- console.log('useEffect - setImageEditorSrc(src ?? ""):', imageEditorSrc);
189
184
 
190
185
  var renderImageEditor = function renderImageEditor(defaultProps) {
191
186
  console.log('renderImageEditor - defaultProps:', defaultProps);
192
187
  return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
193
188
  };
194
189
 
195
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
190
+ return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/React.createElement("div", null, t('File transfer...')) : /*#__PURE__*/React.createElement(ImagePicker, {
196
191
  id: id,
197
192
  name: name,
198
193
  onChange: handleControlChange,
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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.19.0-1",
5
+ "version": "2.19.0-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",