@dreamcommerce/aurora 2.16.8-3 → 2.16.8-5
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/xhr_image_picker/index.js +22 -22
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/components/pintura/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +22 -22
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -42,15 +42,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
42
42
|
|
|
43
43
|
var modalId = "image-picker-editor-".concat(id);
|
|
44
44
|
|
|
45
|
-
var _useState = React.useState(
|
|
45
|
+
var _useState = React.useState(),
|
|
46
46
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
initialImage = _useState2[0],
|
|
48
|
+
setInitialImage = _useState2[1];
|
|
49
49
|
|
|
50
|
-
var _useState3 = React.useState(
|
|
50
|
+
var _useState3 = React.useState(),
|
|
51
51
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
image = _useState4[0],
|
|
53
|
+
setImage = _useState4[1];
|
|
54
54
|
|
|
55
55
|
var _useState5 = React.useState(''),
|
|
56
56
|
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
|
@@ -70,7 +70,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
70
70
|
while (1) switch (_context.prev = _context.next) {
|
|
71
71
|
case 0:
|
|
72
72
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
73
|
-
|
|
73
|
+
fileList && setImage(fileList[0]);
|
|
74
74
|
onChange === null || onChange === void 0 || onChange({
|
|
75
75
|
fileList: fileList,
|
|
76
76
|
fileAsDataUrl: fileAsDataUrl
|
|
@@ -116,13 +116,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
116
116
|
|
|
117
117
|
React.useEffect(function () {
|
|
118
118
|
initialImageFile.current = initialFile;
|
|
119
|
-
return function () {
|
|
120
|
-
var _pendingRequestRef$cu;
|
|
121
119
|
|
|
122
|
-
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
123
|
-
};
|
|
124
|
-
}, []);
|
|
125
|
-
React.useEffect(function () {
|
|
126
120
|
var createFileFromUrl = /*#__PURE__*/function () {
|
|
127
121
|
var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
|
|
128
122
|
var response, data, file;
|
|
@@ -140,7 +134,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
140
134
|
case 5:
|
|
141
135
|
data = _context2.sent;
|
|
142
136
|
file = new File([data], fileData.fileName);
|
|
143
|
-
|
|
137
|
+
setInitialImage(file);
|
|
144
138
|
|
|
145
139
|
case 8:
|
|
146
140
|
case "end":
|
|
@@ -156,16 +150,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
156
150
|
|
|
157
151
|
if (!initialImageFile.current) return;
|
|
158
152
|
createFileFromUrl(initialImageFile.current);
|
|
159
|
-
|
|
153
|
+
return function () {
|
|
154
|
+
var _pendingRequestRef$cu;
|
|
155
|
+
|
|
156
|
+
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
157
|
+
};
|
|
158
|
+
}, []);
|
|
160
159
|
React.useEffect(function () {
|
|
161
|
-
if (
|
|
162
|
-
setPinturaSrc(
|
|
163
|
-
} else if (
|
|
164
|
-
setPinturaSrc(
|
|
160
|
+
if (image) {
|
|
161
|
+
setPinturaSrc(image);
|
|
162
|
+
} else if (initialImage) {
|
|
163
|
+
setPinturaSrc(initialImage);
|
|
165
164
|
} else {
|
|
166
165
|
setPinturaSrc('');
|
|
167
166
|
}
|
|
168
|
-
}, [
|
|
167
|
+
}, [image, initialImage]);
|
|
169
168
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
170
169
|
id: id,
|
|
171
170
|
name: name,
|
|
@@ -176,10 +175,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
176
175
|
initialFile: initialImageFile.current,
|
|
177
176
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
178
177
|
topButtons: hasImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
|
|
179
|
-
className:
|
|
178
|
+
className: main_module['default'][css_classes['default'].imagePickerEditButton],
|
|
180
179
|
onClick: function onClick() {
|
|
181
180
|
return showModal(modalId);
|
|
182
|
-
}
|
|
181
|
+
},
|
|
182
|
+
type: "button"
|
|
183
183
|
}, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), "Edytuj"),
|
|
184
184
|
editedImageResult: pinturaResult
|
|
185
185
|
}), /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
|
|
@@ -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: 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";
|
|
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 align-items: center;\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",
|
|
@@ -34,15 +34,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
34
34
|
|
|
35
35
|
var modalId = "image-picker-editor-".concat(id);
|
|
36
36
|
|
|
37
|
-
var _useState = useState(
|
|
37
|
+
var _useState = useState(),
|
|
38
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
initialImage = _useState2[0],
|
|
40
|
+
setInitialImage = _useState2[1];
|
|
41
41
|
|
|
42
|
-
var _useState3 = useState(
|
|
42
|
+
var _useState3 = useState(),
|
|
43
43
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
image = _useState4[0],
|
|
45
|
+
setImage = _useState4[1];
|
|
46
46
|
|
|
47
47
|
var _useState5 = useState(''),
|
|
48
48
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
@@ -62,7 +62,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
62
62
|
while (1) switch (_context.prev = _context.next) {
|
|
63
63
|
case 0:
|
|
64
64
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
65
|
-
|
|
65
|
+
fileList && setImage(fileList[0]);
|
|
66
66
|
onChange === null || onChange === void 0 || onChange({
|
|
67
67
|
fileList: fileList,
|
|
68
68
|
fileAsDataUrl: fileAsDataUrl
|
|
@@ -108,13 +108,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
108
108
|
|
|
109
109
|
useEffect(function () {
|
|
110
110
|
initialImageFile.current = initialFile;
|
|
111
|
-
return function () {
|
|
112
|
-
var _pendingRequestRef$cu;
|
|
113
111
|
|
|
114
|
-
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
115
|
-
};
|
|
116
|
-
}, []);
|
|
117
|
-
useEffect(function () {
|
|
118
112
|
var createFileFromUrl = /*#__PURE__*/function () {
|
|
119
113
|
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
|
|
120
114
|
var response, data, file;
|
|
@@ -132,7 +126,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
132
126
|
case 5:
|
|
133
127
|
data = _context2.sent;
|
|
134
128
|
file = new File([data], fileData.fileName);
|
|
135
|
-
|
|
129
|
+
setInitialImage(file);
|
|
136
130
|
|
|
137
131
|
case 8:
|
|
138
132
|
case "end":
|
|
@@ -148,16 +142,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
148
142
|
|
|
149
143
|
if (!initialImageFile.current) return;
|
|
150
144
|
createFileFromUrl(initialImageFile.current);
|
|
151
|
-
|
|
145
|
+
return function () {
|
|
146
|
+
var _pendingRequestRef$cu;
|
|
147
|
+
|
|
148
|
+
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
149
|
+
};
|
|
150
|
+
}, []);
|
|
152
151
|
useEffect(function () {
|
|
153
|
-
if (
|
|
154
|
-
setPinturaSrc(
|
|
155
|
-
} else if (
|
|
156
|
-
setPinturaSrc(
|
|
152
|
+
if (image) {
|
|
153
|
+
setPinturaSrc(image);
|
|
154
|
+
} else if (initialImage) {
|
|
155
|
+
setPinturaSrc(initialImage);
|
|
157
156
|
} else {
|
|
158
157
|
setPinturaSrc('');
|
|
159
158
|
}
|
|
160
|
-
}, [
|
|
159
|
+
}, [image, initialImage]);
|
|
161
160
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
|
|
162
161
|
id: id,
|
|
163
162
|
name: name,
|
|
@@ -168,10 +167,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
168
167
|
initialFile: initialImageFile.current,
|
|
169
168
|
onImageSizeUpdated: onImageSizeUpdated,
|
|
170
169
|
topButtons: hasImageEditor && /*#__PURE__*/React.createElement("button", {
|
|
171
|
-
className:
|
|
170
|
+
className: styles[CSS_CLASSES.imagePickerEditButton],
|
|
172
171
|
onClick: function onClick() {
|
|
173
172
|
return showModal(modalId);
|
|
174
|
-
}
|
|
173
|
+
},
|
|
174
|
+
type: "button"
|
|
175
175
|
}, /*#__PURE__*/React.createElement(IconImage, null), "Edytuj"),
|
|
176
176
|
editedImageResult: pinturaResult
|
|
177
177
|
}), /*#__PURE__*/React.createElement(ModalNew, {
|
|
@@ -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: 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";
|
|
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 align-items: center;\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",
|