@dreamcommerce/aurora 2.17.22-21 → 2.17.22-23
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.
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +2 -0
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js +0 -2
- package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +18 -24
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +2 -0
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/with_loader/css_classes.js +1 -2
- package/build/esm/packages/aurora/src/components/with_loader/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +15 -20
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -63,6 +63,8 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
63
63
|
isPreview = _useFilePicker.isPreview,
|
|
64
64
|
isDragOver = _useFilePicker.isDragOver;
|
|
65
65
|
|
|
66
|
+
console.log('file', file);
|
|
67
|
+
|
|
66
68
|
var _useState = React.useState(undefined),
|
|
67
69
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
68
70
|
imageSize = _useState2[0],
|
|
@@ -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;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;"}
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var cssWithLoader = 'with-loader';
|
|
6
6
|
var cssWithLoaderWrapper = 'with-loader-wrapper';
|
|
7
|
-
var cssWithLoaderBordered = 'with-loader-bordered';
|
|
8
7
|
|
|
9
8
|
exports.cssWithLoader = cssWithLoader;
|
|
10
|
-
exports.cssWithLoaderBordered = cssWithLoaderBordered;
|
|
11
9
|
exports.cssWithLoaderWrapper = cssWithLoaderWrapper;
|
|
12
10
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -7,22 +7,18 @@ var useTranslation = require('../../../../../external/react-i18next/dist/es/useT
|
|
|
7
7
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var constants = require('../file_picker/constants.js');
|
|
9
9
|
var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
|
|
10
|
-
|
|
11
|
-
var css_classes
|
|
10
|
+
require('classnames');
|
|
11
|
+
var css_classes = require('../image_picker/css_classes.js');
|
|
12
12
|
var icon_image = require('../../assets/icon_image.js');
|
|
13
|
-
var main_module
|
|
14
|
-
var index
|
|
13
|
+
var main_module = require('../../css/image_picker/main.module.less.js');
|
|
14
|
+
var index = require('../image_picker/index.js');
|
|
15
15
|
var use_modals_context = require('../modal_new/hooks/use_modals_context.js');
|
|
16
16
|
var modal = require('../modal_new/components/modal/modal.js');
|
|
17
17
|
var use_http_api = require('../../hooks/use_http_api.js');
|
|
18
|
-
var main_module = require('../../css/with-loader/main.module.less.js');
|
|
19
|
-
var css_classes = require('../with_loader/css_classes.js');
|
|
20
|
-
var index = require('../with_loader/index.js');
|
|
21
18
|
|
|
22
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
20
|
|
|
24
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
26
22
|
|
|
27
23
|
var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
28
24
|
var id = _ref.id,
|
|
@@ -87,21 +83,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
87
83
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
88
84
|
console.log('handleControlChange - file:', file);
|
|
89
85
|
console.log('handleControlChange - fileList:', fileList);
|
|
90
|
-
console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
|
|
91
|
-
|
|
86
|
+
console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
|
|
87
|
+
fileList && setImage(fileList[0]);
|
|
92
88
|
onChange === null || onChange === void 0 || onChange({
|
|
93
89
|
fileList: fileList,
|
|
94
90
|
fileAsDataUrl: fileAsDataUrl
|
|
95
91
|
});
|
|
96
92
|
|
|
97
93
|
if (!(!fileList || !fileList.length)) {
|
|
98
|
-
_context.next =
|
|
94
|
+
_context.next = 8;
|
|
99
95
|
break;
|
|
100
96
|
}
|
|
101
97
|
|
|
102
98
|
return _context.abrupt("return");
|
|
103
99
|
|
|
104
|
-
case
|
|
100
|
+
case 8:
|
|
105
101
|
setIsLoading(true);
|
|
106
102
|
|
|
107
103
|
if (pendingRequestRef.current) {
|
|
@@ -115,15 +111,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
115
111
|
data: fileList[0]
|
|
116
112
|
}), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
|
|
117
113
|
pendingRequestRef.current = cancelRequest;
|
|
118
|
-
_context.next =
|
|
114
|
+
_context.next = 14;
|
|
119
115
|
return response;
|
|
120
116
|
|
|
121
|
-
case
|
|
117
|
+
case 14:
|
|
122
118
|
data = _context.sent;
|
|
123
119
|
console.log('handleControlChange - response data:', data);
|
|
124
120
|
onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
|
|
125
121
|
setIsLoading(false);
|
|
126
|
-
fileList && setImage(fileList[0]);
|
|
127
122
|
|
|
128
123
|
case 18:
|
|
129
124
|
case "end":
|
|
@@ -174,14 +169,17 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
174
169
|
};
|
|
175
170
|
}();
|
|
176
171
|
|
|
177
|
-
|
|
178
|
-
|
|
172
|
+
console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
|
|
173
|
+
!initialImageFile.current ? image && setFileFromUrl({
|
|
174
|
+
fileName: image.name,
|
|
175
|
+
fileUrl: image.webkitRelativePath
|
|
176
|
+
}) : setFileFromUrl(initialImageFile.current);
|
|
179
177
|
return function () {
|
|
180
178
|
var _pendingRequestRef$cu;
|
|
181
179
|
|
|
182
180
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
183
181
|
};
|
|
184
|
-
}, [initialFile]);
|
|
182
|
+
}, [image, initialFile]);
|
|
185
183
|
React.useEffect(function () {
|
|
186
184
|
var src = image !== null && image !== void 0 ? image : initialImage;
|
|
187
185
|
console.log('useEffect - image:', image);
|
|
@@ -197,10 +195,6 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
197
195
|
};
|
|
198
196
|
|
|
199
197
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
200
|
-
isLoading: isLoading,
|
|
201
|
-
textOnLoading: t('File transfer...'),
|
|
202
|
-
customStyle: classnames__default['default'](main_module['default'][css_classes.cssWithLoaderBordered])
|
|
203
|
-
}, /*#__PURE__*/React__default['default'].createElement(index$1['default'], {
|
|
204
198
|
id: id,
|
|
205
199
|
name: name,
|
|
206
200
|
onChange: handleControlChange,
|
|
@@ -210,14 +204,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
210
204
|
initialFile: initialImageFile.current,
|
|
211
205
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
212
206
|
topButtons: ImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
|
|
213
|
-
className: main_module
|
|
207
|
+
className: main_module['default'][css_classes['default'].imagePickerEditButton],
|
|
214
208
|
onClick: function onClick() {
|
|
215
209
|
return showModal(modalId);
|
|
216
210
|
},
|
|
217
211
|
type: "button"
|
|
218
212
|
}, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), t('Edit')),
|
|
219
213
|
editedImageResult: imageEditorResult
|
|
220
|
-
})
|
|
214
|
+
}), ImageEditor && /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
|
|
221
215
|
name: modalId,
|
|
222
216
|
header: t('Edit image'),
|
|
223
217
|
minWidth: "80vw"
|
|
@@ -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;
|
|
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;"}
|
|
@@ -54,6 +54,8 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
54
54
|
isPreview = _useFilePicker.isPreview,
|
|
55
55
|
isDragOver = _useFilePicker.isDragOver;
|
|
56
56
|
|
|
57
|
+
console.log('file', file);
|
|
58
|
+
|
|
57
59
|
var _useState = useState(undefined),
|
|
58
60
|
_useState2 = _slicedToArray(_useState, 2),
|
|
59
61
|
imageSize = _useState2[0],
|
|
@@ -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;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;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
var cssWithLoader = 'with-loader';
|
|
2
2
|
var cssWithLoaderWrapper = 'with-loader-wrapper';
|
|
3
|
-
var cssWithLoaderBordered = 'with-loader-bordered';
|
|
4
3
|
|
|
5
|
-
export { cssWithLoader,
|
|
4
|
+
export { cssWithLoader, cssWithLoaderWrapper };
|
|
6
5
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}
|
|
@@ -3,7 +3,7 @@ import { useTranslation } from '../../../../../external/react-i18next/dist/es/us
|
|
|
3
3
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { FILES_EXTENSIONS } from '../file_picker/constants.js';
|
|
5
5
|
import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
|
|
6
|
-
import
|
|
6
|
+
import 'classnames';
|
|
7
7
|
import CSS_CLASSES from '../image_picker/css_classes.js';
|
|
8
8
|
import IconImage from '../../assets/icon_image.js';
|
|
9
9
|
import styles from '../../css/image_picker/main.module.less.js';
|
|
@@ -11,9 +11,6 @@ import ImagePicker from '../image_picker/index.js';
|
|
|
11
11
|
import { useModalsContext } from '../modal_new/hooks/use_modals_context.js';
|
|
12
12
|
import { ModalNew } from '../modal_new/components/modal/modal.js';
|
|
13
13
|
import { useHttpApi } from '../../hooks/use_http_api.js';
|
|
14
|
-
import cssClasses from '../../css/with-loader/main.module.less.js';
|
|
15
|
-
import { cssWithLoaderBordered } from '../with_loader/css_classes.js';
|
|
16
|
-
import WithLoader from '../with_loader/index.js';
|
|
17
14
|
|
|
18
15
|
var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
19
16
|
var id = _ref.id,
|
|
@@ -78,21 +75,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
78
75
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
79
76
|
console.log('handleControlChange - file:', file);
|
|
80
77
|
console.log('handleControlChange - fileList:', fileList);
|
|
81
|
-
console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
|
|
82
|
-
|
|
78
|
+
console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
|
|
79
|
+
fileList && setImage(fileList[0]);
|
|
83
80
|
onChange === null || onChange === void 0 || onChange({
|
|
84
81
|
fileList: fileList,
|
|
85
82
|
fileAsDataUrl: fileAsDataUrl
|
|
86
83
|
});
|
|
87
84
|
|
|
88
85
|
if (!(!fileList || !fileList.length)) {
|
|
89
|
-
_context.next =
|
|
86
|
+
_context.next = 8;
|
|
90
87
|
break;
|
|
91
88
|
}
|
|
92
89
|
|
|
93
90
|
return _context.abrupt("return");
|
|
94
91
|
|
|
95
|
-
case
|
|
92
|
+
case 8:
|
|
96
93
|
setIsLoading(true);
|
|
97
94
|
|
|
98
95
|
if (pendingRequestRef.current) {
|
|
@@ -106,15 +103,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
106
103
|
data: fileList[0]
|
|
107
104
|
}), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
|
|
108
105
|
pendingRequestRef.current = cancelRequest;
|
|
109
|
-
_context.next =
|
|
106
|
+
_context.next = 14;
|
|
110
107
|
return response;
|
|
111
108
|
|
|
112
|
-
case
|
|
109
|
+
case 14:
|
|
113
110
|
data = _context.sent;
|
|
114
111
|
console.log('handleControlChange - response data:', data);
|
|
115
112
|
onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
|
|
116
113
|
setIsLoading(false);
|
|
117
|
-
fileList && setImage(fileList[0]);
|
|
118
114
|
|
|
119
115
|
case 18:
|
|
120
116
|
case "end":
|
|
@@ -165,14 +161,17 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
165
161
|
};
|
|
166
162
|
}();
|
|
167
163
|
|
|
168
|
-
|
|
169
|
-
|
|
164
|
+
console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
|
|
165
|
+
!initialImageFile.current ? image && setFileFromUrl({
|
|
166
|
+
fileName: image.name,
|
|
167
|
+
fileUrl: image.webkitRelativePath
|
|
168
|
+
}) : setFileFromUrl(initialImageFile.current);
|
|
170
169
|
return function () {
|
|
171
170
|
var _pendingRequestRef$cu;
|
|
172
171
|
|
|
173
172
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
174
173
|
};
|
|
175
|
-
}, [initialFile]);
|
|
174
|
+
}, [image, initialFile]);
|
|
176
175
|
useEffect(function () {
|
|
177
176
|
var src = image !== null && image !== void 0 ? image : initialImage;
|
|
178
177
|
console.log('useEffect - image:', image);
|
|
@@ -187,11 +186,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
187
186
|
return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
|
|
188
187
|
};
|
|
189
188
|
|
|
190
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
191
|
-
isLoading: isLoading,
|
|
192
|
-
textOnLoading: t('File transfer...'),
|
|
193
|
-
customStyle: classnames(cssClasses[cssWithLoaderBordered])
|
|
194
|
-
}, /*#__PURE__*/React.createElement(ImagePicker, {
|
|
189
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
|
|
195
190
|
id: id,
|
|
196
191
|
name: name,
|
|
197
192
|
onChange: handleControlChange,
|
|
@@ -208,7 +203,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
208
203
|
type: "button"
|
|
209
204
|
}, /*#__PURE__*/React.createElement(IconImage, null), t('Edit')),
|
|
210
205
|
editedImageResult: imageEditorResult
|
|
211
|
-
})
|
|
206
|
+
}), ImageEditor && /*#__PURE__*/React.createElement(ModalNew, {
|
|
212
207
|
name: modalId,
|
|
213
208
|
header: t('Edit image'),
|
|
214
209
|
minWidth: "80vw"
|
|
@@ -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;
|
|
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;"}
|