@dreamcommerce/aurora 2.16.8-1 → 2.16.8-3
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 +0 -4
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +61 -7
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +0 -4
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +61 -7
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -77,12 +77,8 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
77
77
|
React.useEffect(function () {
|
|
78
78
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
79
79
|
}, [initialFile]);
|
|
80
|
-
React.useEffect(function () {
|
|
81
|
-
console.log('file', file);
|
|
82
|
-
}, [file]);
|
|
83
80
|
React.useEffect(function () {
|
|
84
81
|
if (!editedImageResult) return;
|
|
85
|
-
console.log('editedImageResult', editedImageResult);
|
|
86
82
|
var fileList = createFileList(editedImageResult);
|
|
87
83
|
changeFile(fileList);
|
|
88
84
|
updateFile(fileList);
|
|
@@ -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;"}
|
|
@@ -93,7 +93,7 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
93
93
|
if (!$modalsManagerContainer) return null;
|
|
94
94
|
return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
95
95
|
id: name,
|
|
96
|
-
className: modalClassNames,
|
|
96
|
+
className: "".concat(modalClassNames, " js__modal"),
|
|
97
97
|
style: {
|
|
98
98
|
minWidth: minWidth,
|
|
99
99
|
maxHeight: maxWidth
|
|
@@ -55,7 +55,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
55
55
|
}, showWrapper && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
56
56
|
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapper])
|
|
57
57
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
58
|
-
className: modalsWrapperBackdropClassNames
|
|
58
|
+
className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
|
|
59
59
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
60
60
|
id: constants.MODALS_CONTENT_ID,
|
|
61
61
|
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapperContent])
|
|
@@ -44,13 +44,23 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
44
44
|
|
|
45
45
|
var _useState = React.useState(''),
|
|
46
46
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
initialImageDataUrl = _useState2[0],
|
|
48
|
+
setInitialImageDataUrl = _useState2[1];
|
|
49
49
|
|
|
50
|
-
var _useState3 = React.useState(),
|
|
50
|
+
var _useState3 = React.useState(''),
|
|
51
51
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
fileDataUrl = _useState4[0],
|
|
53
|
+
setFileDataUrl = _useState4[1];
|
|
54
|
+
|
|
55
|
+
var _useState5 = React.useState(''),
|
|
56
|
+
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
|
57
|
+
pinturaSrc = _useState6[0],
|
|
58
|
+
setPinturaSrc = _useState6[1];
|
|
59
|
+
|
|
60
|
+
var _useState7 = React.useState(),
|
|
61
|
+
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
|
62
|
+
pinturaResult = _useState8[0],
|
|
63
|
+
setPinturaResult = _useState8[1];
|
|
54
64
|
|
|
55
65
|
var handleControlChange = /*#__PURE__*/function () {
|
|
56
66
|
var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
|
|
@@ -60,7 +70,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
60
70
|
while (1) switch (_context.prev = _context.next) {
|
|
61
71
|
case 0:
|
|
62
72
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
63
|
-
|
|
73
|
+
setFileDataUrl(fileAsDataUrl);
|
|
64
74
|
onChange === null || onChange === void 0 || onChange({
|
|
65
75
|
fileList: fileList,
|
|
66
76
|
fileAsDataUrl: fileAsDataUrl
|
|
@@ -112,6 +122,50 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
112
122
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
113
123
|
};
|
|
114
124
|
}, []);
|
|
125
|
+
React.useEffect(function () {
|
|
126
|
+
var createFileFromUrl = /*#__PURE__*/function () {
|
|
127
|
+
var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
|
|
128
|
+
var response, data, file;
|
|
129
|
+
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
130
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
131
|
+
case 0:
|
|
132
|
+
_context2.next = 2;
|
|
133
|
+
return fetch(fileData.fileUrl);
|
|
134
|
+
|
|
135
|
+
case 2:
|
|
136
|
+
response = _context2.sent;
|
|
137
|
+
_context2.next = 5;
|
|
138
|
+
return response.blob();
|
|
139
|
+
|
|
140
|
+
case 5:
|
|
141
|
+
data = _context2.sent;
|
|
142
|
+
file = new File([data], fileData.fileName);
|
|
143
|
+
setInitialImageDataUrl(URL.createObjectURL(file));
|
|
144
|
+
|
|
145
|
+
case 8:
|
|
146
|
+
case "end":
|
|
147
|
+
return _context2.stop();
|
|
148
|
+
}
|
|
149
|
+
}, _callee2);
|
|
150
|
+
}));
|
|
151
|
+
|
|
152
|
+
return function createFileFromUrl(_x2) {
|
|
153
|
+
return _ref3.apply(this, arguments);
|
|
154
|
+
};
|
|
155
|
+
}();
|
|
156
|
+
|
|
157
|
+
if (!initialImageFile.current) return;
|
|
158
|
+
createFileFromUrl(initialImageFile.current);
|
|
159
|
+
}, [initialImageFile.current]);
|
|
160
|
+
React.useEffect(function () {
|
|
161
|
+
if (fileDataUrl) {
|
|
162
|
+
setPinturaSrc(fileDataUrl);
|
|
163
|
+
} else if (initialImageDataUrl) {
|
|
164
|
+
setPinturaSrc(initialImageDataUrl);
|
|
165
|
+
} else {
|
|
166
|
+
setPinturaSrc('');
|
|
167
|
+
}
|
|
168
|
+
}, [fileDataUrl, initialImageDataUrl]);
|
|
115
169
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
116
170
|
id: id,
|
|
117
171
|
name: name,
|
|
@@ -122,7 +176,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
122
176
|
initialFile: initialImageFile.current,
|
|
123
177
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
124
178
|
topButtons: hasImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
|
|
125
|
-
className: main_module['default'][css_classes['default'].imagePickerEditButton],
|
|
179
|
+
className: "".concat(main_module['default'][css_classes['default'].imagePickerEditButton], " js__image-editor-trigger"),
|
|
126
180
|
onClick: function onClick() {
|
|
127
181
|
return showModal(modalId);
|
|
128
182
|
}
|
|
@@ -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;"}
|
|
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index:
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
|
|
8
8
|
var styles = {
|
|
9
9
|
"image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
|
|
10
10
|
"image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
|
|
@@ -68,12 +68,8 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
|
|
|
68
68
|
useEffect(function () {
|
|
69
69
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
70
70
|
}, [initialFile]);
|
|
71
|
-
useEffect(function () {
|
|
72
|
-
console.log('file', file);
|
|
73
|
-
}, [file]);
|
|
74
71
|
useEffect(function () {
|
|
75
72
|
if (!editedImageResult) return;
|
|
76
|
-
console.log('editedImageResult', editedImageResult);
|
|
77
73
|
var fileList = createFileList(editedImageResult);
|
|
78
74
|
changeFile(fileList);
|
|
79
75
|
updateFile(fileList);
|
|
@@ -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;"}
|
|
@@ -84,7 +84,7 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
84
84
|
if (!$modalsManagerContainer) return null;
|
|
85
85
|
return renderModal ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
|
|
86
86
|
id: name,
|
|
87
|
-
className: modalClassNames,
|
|
87
|
+
className: "".concat(modalClassNames, " js__modal"),
|
|
88
88
|
style: {
|
|
89
89
|
minWidth: minWidth,
|
|
90
90
|
maxHeight: maxWidth
|
|
@@ -46,7 +46,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
46
46
|
}, showWrapper && /*#__PURE__*/React.createElement("div", {
|
|
47
47
|
className: "".concat(styles[cssModalsManagerWrapper])
|
|
48
48
|
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: modalsWrapperBackdropClassNames
|
|
49
|
+
className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
|
|
50
50
|
}), /*#__PURE__*/React.createElement("div", {
|
|
51
51
|
id: MODALS_CONTENT_ID,
|
|
52
52
|
className: "".concat(styles[cssModalsManagerWrapperContent])
|
|
@@ -36,13 +36,23 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
36
36
|
|
|
37
37
|
var _useState = useState(''),
|
|
38
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
initialImageDataUrl = _useState2[0],
|
|
40
|
+
setInitialImageDataUrl = _useState2[1];
|
|
41
41
|
|
|
42
|
-
var _useState3 = useState(),
|
|
42
|
+
var _useState3 = useState(''),
|
|
43
43
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
fileDataUrl = _useState4[0],
|
|
45
|
+
setFileDataUrl = _useState4[1];
|
|
46
|
+
|
|
47
|
+
var _useState5 = useState(''),
|
|
48
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
49
|
+
pinturaSrc = _useState6[0],
|
|
50
|
+
setPinturaSrc = _useState6[1];
|
|
51
|
+
|
|
52
|
+
var _useState7 = useState(),
|
|
53
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
54
|
+
pinturaResult = _useState8[0],
|
|
55
|
+
setPinturaResult = _useState8[1];
|
|
46
56
|
|
|
47
57
|
var handleControlChange = /*#__PURE__*/function () {
|
|
48
58
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
|
|
@@ -52,7 +62,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
52
62
|
while (1) switch (_context.prev = _context.next) {
|
|
53
63
|
case 0:
|
|
54
64
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
55
|
-
|
|
65
|
+
setFileDataUrl(fileAsDataUrl);
|
|
56
66
|
onChange === null || onChange === void 0 || onChange({
|
|
57
67
|
fileList: fileList,
|
|
58
68
|
fileAsDataUrl: fileAsDataUrl
|
|
@@ -104,6 +114,50 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
104
114
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
105
115
|
};
|
|
106
116
|
}, []);
|
|
117
|
+
useEffect(function () {
|
|
118
|
+
var createFileFromUrl = /*#__PURE__*/function () {
|
|
119
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
|
|
120
|
+
var response, data, file;
|
|
121
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
122
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
123
|
+
case 0:
|
|
124
|
+
_context2.next = 2;
|
|
125
|
+
return fetch(fileData.fileUrl);
|
|
126
|
+
|
|
127
|
+
case 2:
|
|
128
|
+
response = _context2.sent;
|
|
129
|
+
_context2.next = 5;
|
|
130
|
+
return response.blob();
|
|
131
|
+
|
|
132
|
+
case 5:
|
|
133
|
+
data = _context2.sent;
|
|
134
|
+
file = new File([data], fileData.fileName);
|
|
135
|
+
setInitialImageDataUrl(URL.createObjectURL(file));
|
|
136
|
+
|
|
137
|
+
case 8:
|
|
138
|
+
case "end":
|
|
139
|
+
return _context2.stop();
|
|
140
|
+
}
|
|
141
|
+
}, _callee2);
|
|
142
|
+
}));
|
|
143
|
+
|
|
144
|
+
return function createFileFromUrl(_x2) {
|
|
145
|
+
return _ref3.apply(this, arguments);
|
|
146
|
+
};
|
|
147
|
+
}();
|
|
148
|
+
|
|
149
|
+
if (!initialImageFile.current) return;
|
|
150
|
+
createFileFromUrl(initialImageFile.current);
|
|
151
|
+
}, [initialImageFile.current]);
|
|
152
|
+
useEffect(function () {
|
|
153
|
+
if (fileDataUrl) {
|
|
154
|
+
setPinturaSrc(fileDataUrl);
|
|
155
|
+
} else if (initialImageDataUrl) {
|
|
156
|
+
setPinturaSrc(initialImageDataUrl);
|
|
157
|
+
} else {
|
|
158
|
+
setPinturaSrc('');
|
|
159
|
+
}
|
|
160
|
+
}, [fileDataUrl, initialImageDataUrl]);
|
|
107
161
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
|
|
108
162
|
id: id,
|
|
109
163
|
name: name,
|
|
@@ -114,7 +168,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
114
168
|
initialFile: initialImageFile.current,
|
|
115
169
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
116
170
|
topButtons: hasImageEditor && /*#__PURE__*/React.createElement("button", {
|
|
117
|
-
className: styles[CSS_CLASSES.imagePickerEditButton],
|
|
171
|
+
className: "".concat(styles[CSS_CLASSES.imagePickerEditButton], " js__image-editor-trigger"),
|
|
118
172
|
onClick: function onClick() {
|
|
119
173
|
return showModal(modalId);
|
|
120
174
|
}
|
|
@@ -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;"}
|
|
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;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index:
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
|
|
4
4
|
var styles = {
|
|
5
5
|
"image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
|
|
6
6
|
"image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
|